DOM节点关系及基本操作

• DOM是javascript操作网页的接口，全称为文档对象模型(Document Object Model)。
• 它的作用是将网页转为一个javascript对象，从而可以使用javascript对网页进行各种操作(比如增删内容)。
• 浏览器会根据DOM模型，将HTML文档解析成一系列的节点，再由这些节点组成一个树状结构。
• DOM的最小组成单位叫做节点(node)

节点关系

• childNodes属性，其中保存着一个 NodeList对象。
• NodeList是一种类数组对象

NodeList 对象的独特之处在于,它实际上是基于 DOM 结构动态执行查询的结果,因此 DOM 结构的变化能够自动反映在 NodeList 对象中。我们常说，NodeList 是有生命、有呼吸的对象,而不是在我们第一次访问它们的某个瞬间拍摄下来的一张快照。

增加节点

var p = document.createElement("p");
var n = document.createTextNode("new para");
p.appendChild(n);<