HTML5技术

遍历节点树 - 青竹zzq

字号+ 作者:H5之家 来源:H5之家 2016-11-03 12:00 我要评论( )

从以下属性读出来的信息可以让我们了解相邻节点之间的关系。 childNodes属性将返回一个数组,这个数组由给定元素节点的子节点构成: nodeList = node.childNodes 这个属性返回的数组是一个nodeList集合。这个nodeList集合里的每个节点都是一个节点对象。这些

从以下属性读出来的信息可以让我们了解相邻节点之间的关系。

  • childNodes属性将返回一个数组,这个数组由给定元素节点的子节点构成:
  • nodeList = node.childNodes

    这个属性返回的数组是一个nodeList集合。这个nodeList集合里的每个节点都是一个节点对象。这些节点对象都有着nodeType、nodeName、nodeValue等常见的节点属性。

    文本节点和属性节点都不可能包含任何的子节点,所以他们的childNodes属性永远返回一个空数组。

      如果只是想知道某个元素有没有子节点,可以使用hasChildNodes方法。

      如果想知道某个元素有多少个节点,请使用childNodes数组的length属性:

    node.childNodes.length

    即使元素只有一个子节点,childNodes属性也将返回一个节点数组而不是返回一个单个的节点,此时,childNodes数组的length的长度值将是1,比如说,如果某个网页上的document元素只有html元素这个子节点,那么document.childNodes[0].nodeName值将是HTML。

    childNodes属性是一个只读属性,如果需要给某个元素增加子节点,可以使用appendChild()或insertBefore()方法;如果需要删除某个元素节点,可以使用removeChild()方法;在使用这几个方法曾、减某个元素子节点时,这个元素childNodes属性也将自动刷新。

  • firstChild
  • reference = node.firstChild

    这个属性返回一个节点对象的引用指针,这个节点对象有nodeType、nodeName、nodeValue等常见属性。

    文本节点和属性节点不可能在包含任何的子节点,所以他们的firstChild属性永远会返回null。

    firstChild是一个只读属性。

  • lastChild
  • lastChild:属性将返回一个给定元素的最后一个子节点:

    reference = node.lastChild

    这个属性返回一个节点对熊引用指针,这个节点对象都有着nodeType、nodeName、nodeValue等常见节点属性。

    文本节点属性和属性节点属性都不可能在包含任何子节点,所以lastChild属性永远返回null。

    某个元素的lastChild属性等价于元素childNodes节点集合的最后一个节点:

    refrence = node.childNodes[element.childNodes.lelgth-1]

    如果想知道某个元素有没有子节点,可以使用hasChildNodes方法,如果某个节点没有任何子节点,它的lastChild属性将返回null。

    lastChild属性是一个只读属性。

  • nextSibing
  • nextSibing属性将返回一个给定节点的下一个子节点:

    reference = node.nextSibing

    这个属性返回一个节点对象引用指针,这个节点对象都有着nodeType、nodeName、nodeValue等常见属性。

    如果给定节点后面没有同属于父节点的节点,它的nextSibling属性将返回null。

    nextSibling属性是一个只读属性。

  • parentNode
  • parentNode属性将返回一个给定节点的父节点:

    reference = node.parentNode

    这个属性返回一个节点对象的引用指针,这个节点对象都有着nodeType、nodeName、nodeValue等常见节点属性。

    parentNode属性返回的节点永远是一个元素节点,因为只有元素节点才有可能包含子节点,唯一的例外是document节点,他没有父节点,换句话说,document节点的parentNode属性将返回null。

    parentNode属性是一个只读属性。

  • previousSibling
  • reference = node.previousSibling

    这个属性返回前一个节点对象的引用指针,这个节点对象都有着nodeType、nodeName、nodeValue等常见节点属性。

      如果没有前一个元素节点返回null。

      previousSibling属性是一个只读属性。

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • 添加和删除HTML节点的简单示例_HTML教程

      添加和删除HTML节点的简单示例_HTML教程

      2015-09-19 18:48

    网友点评