js原生动态创建div设置id、class、样式插入指定位置

原生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区域!

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!