在动态创建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

推荐答案

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的内部添加标记的样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！