强烈求助！！JS 动态循环创建DIV

1、新建一个html文件，命名为test.html。

2、在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。

3、在test.html文件内，使用div标签创建一行文字，并设置其class为bg，主要用于下面通过该class来获得div对象。

4、在test.html文件内，在div标签内，通过style来设置div的背景颜色，定义其背景颜色为红色，文字颜色为白色。

5、在test.html文件内，使用button标签创建一个按钮，给button按钮绑定onclick点击事件，当按钮被点击时，执行editbg()函数。

6、在js标签内，创建一个editbg()函数，在函数内，使用$符通过div的class属性值（bg）来获得div对象，再使用css（）方法设置background属性为blue，即更改背景颜色为蓝色。

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。

2、在index.html中的<script>标签，输入js代码：$('#div2').height($('#div1').height())。

3、浏览器运行index.html页面，此时div2的高度被设置成和div1一致了。

详细的解题步骤如下：

<div id="parent"></div>

function addElementDiv(obj) {

var parent = document.getElementById(obj)

//添加 div

var div = document.createElement("div")

//设置 div 属性，如 id

div.setAttribute("id", "newDiv")

div.innerHTML = "js 动态添加div"

parent.appendChild(div)

}

调用：addElementDiv("parent")

什么是DIV元素：

1、DIV标签，称为区隔标记。作用是设定字、画、表格等的摆放位置。当你把文字、图象，或其他的放在 DIV 中，它可称作为"DIV block"，或"DIV element"或"CSS-layer"，或干脆叫"layer"。而中文我们把它称作"层次"。

2、DIV元素，是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。

---