动态添加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 ------