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属性用来查找下一个节点，但是如果我们需要查找下一个元素节点的话就需要自己编写函数，下面给出一个实现：

 function getNextElement(node)

 {

     if(node.nodeType == 1)

         return node;

     if(node.nextSibling)

         return getNextElement(node.nextSibling);

     return null;

 }

巴特西

nodeType介绍及应用示例

最新文章

热门文章