您好,欢迎访问一九零五行业门户网

JavaScript动态创建div属性和样式示例代码_javascript技巧

1.创建div元素:
javascript代码
复制代码 代码如下:
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的属性:
javascript代码
复制代码 代码如下:
functioncreateelement(){
varcreatediv=document.createelement(div);
creatediv.title=thisisanewdiv.;
creatediv.id=newdivid;
creatediv.class=newdivclass;
creatediv.innerhtml=testcreateadivelement!;
document.body.appendchild(creatediv);
}
functioncreateelement(){
varcreatediv=document.createelement(div);
creatediv.title=thisisanewdiv.;
creatediv.id=newdivid;
creatediv.class=newdivclass;
creatediv.innerhtml=testcreateadivelement!;
document.body.appendchild(creatediv);
creatediv.classname = name file_col;
}
3.创建div的样式:
javascript代码
复制代码 代码如下:
functioncreateelement(){
varcreatediv=document.createelement(div);
creatediv.style.background=pink;
creatediv.style.border=1pxsolidred;
creatediv.style.width=50px;
creatediv.style.height=50px;
creatediv.innerhtml=testcreateadivelement!;
document.body.appendchild(creatediv);
}
其它类似信息

推荐信息