nodeType介绍及应用示例

时间:2021-11-07 03:45:11

一,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;
}