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  ------

猜你喜欢

转载自blog.csdn.net/rao_limon/article/details/80189266