Javaｓｃｒｉｐｔ动态创建div属性和样式示例代码。

1。创建div元素：

Javaｓｃｒｉｐｔ代码
复制代码代码如下所示：

functioncreateelement（）{
varcreatediv = document.createelement（div）；
CreateDiv。innerHTML =testcreateadivelement！；
document.body.appendchild（creatediv）；
}



functioncreateelement（）{
varcreatediv = document.createelement（div）；
CreateDiv。innerHTML =testcreateadivelement！；
document.body.appendchild（creatediv）；
divfileitem.appendchild（divname）；
}


2。创建div的属性：

Javaｓｃｒｉｐｔ代码
复制代码代码如下所示：

functioncreateelement（）{
varcreatediv = document.createelement（div）；
CreateDiv。标题=thisisanewdiv。；
CreateDiv。ID =newdivid ；
CreateDiv。class=newdivclass ；
CreateDiv。innerHTML =testcreateadivelement！；
document.body.appendchild（creatediv）；
}



functioncreateelement（）{
varcreatediv = document.createelement（div）；
CreateDiv。标题=thisisanewdiv。；
CreateDiv。ID =newdivid ；
CreateDiv。class=newdivclass ；
CreateDiv。innerHTML =testcreateadivelement！；
document.body.appendchild（creatediv）；

creatediv.classname = 的名字file_col ；
}


三.创建div的样式：

Javaｓｃｒｉｐｔ代码
复制代码代码如下所示：


functioncreateelement（）{
varcreatediv = document.createelement（div）；
CreateDiv。风格。背景=粉红色；
CreateDiv。风格。border=1pxsolidred ；
CreateDiv。风格。宽度=50px ；
CreateDiv。风格。高度=50px ；
CreateDiv。innerHTML =testcreateadivelement！；
document.body.appendchild（creatediv）；
}