js原生动态创建div设置id、class、样式插入指定位置
JavaScipt
2019-04-25 11:19:25
原生javascript中动态创建div并设置对应的样式、id、class,最终将动态创建的div插入指定的位置!
实现步骤:
1、创建div
2、给动态创建的div设置样式、id、class等
3、将动态创建的div载入指定的位置
实现代码:
<script>
var div = document.createElement("div");
div.id="dis";
div.style="border:1px solid #f00;height:200px";
div.className="test";
document.body.appendChild(div)
</script>
上方例子中,创建了一个动态的div并设置了id、边框、高度、class,完成这些设置后将动态生成的div插入body区域!
六月初字帖坊小程序
你想要的字帖模板及工具,这里都有!
877篇文章
3624人已阅读