javascript中如何在body中动态添加div元素？

详细的解题步骤如下：

<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标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。

在节点body下添加一个div,正确的语句为：（）

A.vardiv1=document.createElement("div")document.body.appendChild(div1)

B.vardiv1=document.createElement("div")document.body.deleteChild(div1)

C.vardiv1=document.createElement("div")document.body.removeChild(div1)

D.vardiv1=document.createElement("div")document.body.replaceChild(div1)

正确答案：vardiv1=document.createElement("div")document.body.appendChild(div1)

这样直接将ID设置成一个动态的ID的时候，一般不能通过直接读取ID来达到你想要读取的模块，你可以这样想，是否可以通过它的父节点来读取它的ID值？或者这样想，你既然已经有一个特别的name属性在这个DIV种，是否能通过name属性来进行读取？ 现在来说第一个方法：假如你在上面的代码的<li>标签中假如这样一个id ：<li id="test">那么可以这样来找到DIV的ID值： var the_div_id = document.getElementById("test").getElementsByTagName("div")[0].id这样要求一点点小技巧。 至于你说如何取DIV的动态ID，这样还不简单么？随便取个字符串然后加上一些有规律的数字不就好了？比如说用个for（var i=0i<10i++）{}循环输出你上面的代码，那么你的ID可以直接写成：<div id=\"info"+i+"\" name= 这样你的DIV的ID不就有规律地从info0开始直到info9了？？ 在学习JAVASCRIPT的时候我建议你再看看jquerybeidaqingniaoqinghezhongxin

---