JavaScript中DOM节点属性总结

作者:admin     字体:[增加 减小]    类型:原创
JavaScript中节点的属性其实有两套,一套是标准的API,但是使用起来颇感麻烦,一套是非标准的API,使用起来很方便,虽然是非标准,但是所有的浏览器都支持。

Document对象,它的Element对象和文档中表示文本的Text对象都是Node对象。Node对象定义了以下重要的属性:

  • parentNode

    该节点的父节点,或者针对类似Document对象应该是null,因为它没有父节点。

  • childNodes

    只读的类数组对象(NodeList对象),它是该节点的子节点的实时表示。

  • firstChild、lastChild

    该节点的子节点中第一个和最后一个,如果该节点没有子节点则为null。

  • nextSibling、previousSibling

    该节点的兄弟节点中的前一个和下一个。具有相同父节点的两个节点为兄弟节点。节点的顺序反映了它们在文档中出现的顺序。这两个属性节点之间以双向链表的形式连接起来。

  • nodeType

    该节点的类型。9代表Document节点,1代表Element节点,3代表Text节点,8代表Comment节点,11代表DocumentFragment节点。

  • nodeValue

    Text节点或Comment节点的文本内容。

当将主要的兴趣点集中在文档中的元素上而非它们之间的文本(和它们之间的空白)上时,我们可以使用另外一个更有用的API。它将文档看做是Element对象树,忽略部分文档:Text和Comment节点。

  • firstElementChild、lastElementChild

    类似firstChild、lastChild,但只代表子Element

  • nextElementSibling、previousElementSibling

    类似nextSibling和previousSibling,但只代表兄弟Element

  • childElementCount

    子元素的数量。返回的值和children.length值相等。