js元素的动态增加与删除

1 .DOM概念

DOM（Document Object Model）:文档对象模型
通过开发者工具可以看到

整个文档是由一系列的节点对象组成的一棵树
节点（Node）包括元素节点
（1）、属性节点
（2）、和文本节点
（3）Th1代表一个元素节点（nodeType=1），nodeName是标签名（th）元素节点的
nodeValue=null

<script type="text/javascript">
		var th1 = document.getElementById("th1")
		alert(th1.nodeType)
		alert(th1.nodeName)
		alert(th1.nodeValue)
		alert(txt1.nodeValue)
</script>

（1）getAttributeNode方法是获取元素的属性节点，此时输出的节点类型是属性节点
（2）节点名称就是属性名，节点值就是属性值，Txt1是一个文本节点
（3）节点名称固定是#text，节点值文本内容

<script type="text/javascript">
		var th1 = document.getElementById("th1")
		// alert(th1.nodeType)
		// alert(th1.nodeName)
		// alert(th1.nodeValue)
		var a1 = document.getElementById("a1")
		var attr = a1.getAttributeNode