在动态创建div的内部添加标记的样式 [英] To add the style of tag inside of creating dynamically div

问题描述

我在页面中动态创建了一个div.
代码如下:-
-------
函数CreateDiv()
{
var codeDiv = document.createElement(''div'');
codeDiv.id =``codeDiv'';
codeDiv.innerHTML =使用JavaScript创建";
codeDiv.style.position =相对";
codeDiv.style.borderStyle =固体";
codeDiv.style.borderWidth ="1px";
codeDiv.style.borderColor =红色";
codeDiv.style.height ="250px";
codeDiv.style.width ="400px";
codeDiv.style.left ="150px";
codeDiv.style.top ="50px";
codeDiv.style.backgroundColor =``灰色'';
document.body.appendChild(codeDiv);
}

上面的代码在我们的页面上很好地创建了一个div.
但我想动态添加标记&访问不同的样式，位置和颜色.
我将如何解决上述问题??

请任何人帮助我.........

I dynamically create a div in my page.
The code is below:-
-------
function CreateDiv()
{
var codeDiv = document.createElement(''div'');
codeDiv.id = ''codeDiv'';
codeDiv.innerHTML = "Created using JavaScript";
codeDiv.style.position = "relative";
codeDiv.style.borderStyle = "solid";
codeDiv.style.borderWidth = "1px";
codeDiv.style.borderColor = "Red";
codeDiv.style.height = "250px";
codeDiv.style.width = "400px";
codeDiv.style.left = "150px";
codeDiv.style.top = "50px";
codeDiv.style.backgroundColor = ''gray'';
document.body.appendChild(codeDiv);
}

Above code is created fine a div on we page.
But i want dynamically to add tag & accessing the different style+position+color.
How will i do to solve above problem???

Please help me anybody.........

How will

推荐答案

如何使用Style.Add(此处).
您可以根据需要添加任意多个CSS属性.

例子:

Use Style.Add(<css properties here>, <css value here>).
you can add as many css properties as you like.

Examples:

codeDiv.Style.Add("padding", "5px 1px 2px 5px");
codeDiv.Style.Add("border-style", "solid none solid none");
codeDiv.Style.Add("border-color", "Red Yellow Blue Green");
codeDiv.Style.Add("border-width", "1px 2px 3px 4px");

这篇关于在动态创建div的内部添加标记的样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！