JavaScript动态生成HTML元素

动态添加HTML元素可以使用createElement（）方法创建一个指定的HTML元素

语法：var Obj = document.createElement（LabelName）

参数说明：

 

• Obj：用来接收添加后返回的HTML元素标签，方便后续操作。
• LabelName：指定创建的HTML标签名

 

创建子节点可以使用appendChild（）方法将新建节点和其他节点绑定子父关系。

语法：FaterNode.appendChild（ChildNode）  ------  即将该元素做为父节点添加一个子节点

参数说明：

 

• FaterNode：父节点对象名
• ChildNode：子节点对象名

//提示：代码不完整，需自行补充

var Bth = document.getElementById("Bth");		        //按钮对象
var addH = document.getElementById("addHtmlContainer");		//获取添加容器对象
				
var Element = document.createElement("div");		//创建一个HTML标签
addH.appendChild(Element);		//指定该标签的父元素

 

【------ 程序运行时 ------】

 

【------ 多次点击按钮后 ------】

这次文章就介绍这里了，主要是以代码为主

------  END  ------