js高级编程-10-DOM

每一段标记都可以通过树中的一个节点来表示,总共有12种节点,例如HTML元素用元素节点表示,文档用文档节点表示,注释用注释节点表示.

节点层次

Node 类型

描述: DOM中所有的节点都通过Node继承得到.

nodeType 属性
用于描述节点的类型,其值为12个数值常量中的一个.

nodeName 属性
描述: 保存元素节点的名字

nodeValue 属性
描述: 保存文本元素的值

childNodes 属性
* 描述: 每个节点都有childNode属性,其中保存着一个NodeList对象,用于保存一组有序的节点访问NodeList可以使用方括号或.item(<index>),NodeList有length属性.
* 示例:

var firstChild = someNode.childNodes[0];    ​//方括号形式访问NodeListvar secondChild = someNode.childNodes.item(1);    ​//item()访问NodeListvar count = someNode.childNodes.length;    ​//NodeList长度

• 将NodeList转换为数组

var arrayOfNode = Array.prototype.slice.call(someNode.childNodes,0);

parentNode 属性
* 描述: 指向文档树的父节点
* 使用:firstChild 和 lastChild分别可以访问 第一个子节点 和 最后一个子节点

同胞节点
* 描述: 同一NodeList中的节点
* 使用: 通过previousSibling或nextSibling属性来访问前一个或后一个节点

非空子节点
* 描述: hasChildNodes()方法在子节点>=1的情况下会返回true

ownerDocument 属性
* 描述: 所有节点的最后一个元素都是ownerDocument属性,该属性指向整个文档的文档节点

appendChild() 方法
* 描述: 在childNodes列表的末尾添加一个节点,返回新增节点
​