nodeType介绍及应用示例
一,DOM中的节点类型介绍
DOM将一份文档抽象为一棵树,而树又由众多不同类型的节点构成。
元素节点是DOM中的最小单位节点,它包括了各种标签,比如表示段落的p,表示无序列表的ul等。
文本节点总是被包含在元素节点内部,例如<p和</p>之间的内容就是文本节点。
属性节点总是被放在标签里面,例如title,id,name等。
CSS同样是DOM的构成之一,它定义了浏览器该怎样显示一份文档。
二,nodeType
通过node.nodeType的调用可以获得节点类型,共有12种取值,但是仅有3种具有实用价值,也就是上面提到的元素节点,属性节点和文本节点,它们对应的nodeType取值分别是1,2和3。
三,一个小函数:getNextElement
JavaScript中提供了nextSibing属性用来查找下一个节点,但是如果我们需要查找下一个元素节点的话就需要自己编写函数,下面给出一个实现:
1 function getNextElement(node) 2 { 3 if(node.nodeType == 1) 4 return node; 5 if(node.nextSibling) 6 return getNextElement(node.nextSibling); 7 return null; 8 }