js htMl动态添加div
时间: 2023-07-12 12:39:47 浏览: 108
用jQuery向div中添加Html文本内容的简单实现
可以使用JavaScript的innerHTML属性来动态添加HTML元素,包括div元素。示例代码如下:
```
// 获取要添加元素的父元素
var parent = document.getElementById('parent');
// 添加div元素
parent.innerHTML += '<div id="myDiv" style="width: 100px; height: 100px; background-color: red;"></div>';
```
这段代码会将一个id为myDiv,宽高为100px,背景颜色为红色的div元素添加到id为parent的父元素中。请注意,这种方法会覆盖原有的innerHTML内容,所以不适合用于频繁添加元素。
阅读全文