DOM节点

作者: 小圆圈Belen | 来源:发表于2022-01-06 10:26 被阅读0次

    节点类型

    每种节点类型都有一个关联的数值,保存在属性nodeType里,其值的含义如下所示:


    最常用的节点类型是1、2、3,也就是页面元素、他们的属性和包含的文本。

    childNodes属性

    每个节点都有一个childNodes属性。这个属性类似数组,包含了当前节点全部直接子节点的集合,我们可以访问这些子节点的信息。
    childNodes集合称为“节点列表”(NodeList),其中的项目以数值进行索引。节点列表是一个动态集合,这表示集合的任何改变都会立即反映到列表。

    对象.childNodes
    //长度
    对象.childNodes.length
    

    firstChild 和 lastChild

    firstChild就是childNodes数组中的第一个元素,相当于childNodes[0]。
    lastChild就是childNodes的最后一个元素,相当于 对象.childNodes[对象.childNodes.length - 1]。

    parentNode属性

    parentNode属性保存节点的父节点。

    nextSibling 和 previousSibling

    previousSibling 和 nextSibling 属性分别返回节点的前一个和后一个兄弟节点,如果不存在相应的节点,就返回null。

    节点值

    DOM节点的nodeValue属性返回保存在节点里的值,一般用它返回文本节点里的内容。

    节点名称

    nodeName属性以字符串形式返回节点的名称,这个属性是只读,不能修改它的值。当 nodeName 返回元素名称时,并不包括HTML源代码里使用的尖括号<>。

    相关文章

      网友评论

          本文标题:DOM节点

          本文链接:https://www.haomeiwen.com/subject/ibehcrtx.html