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源代码里使用的尖括号<>。

相关文章

  • js dom节点操作

    获取dom节点 新增dom节点 删除dom节点

  • 什么是dom树

    介绍DOM,以及对DOM分类和功能的说明。 DOM 节点:介绍DOM节点分类和节点层次。 介绍HTML DOM节点...

  • DOM和BOM的基础知识

    目录 js组成 DOMDOM是什么DOM节点是什么查找DOM节点,查看DOM节点的属性和样式添加DOM节点删除DO...

  • jS|DOM操作

    DOM节点的获取 DOM节点的创建 DOM节点删除 修改DOM元素 将指定两个DOM元素交换位置

  • DOM (javascript DOM节点操作)

    DOM (javascript DOM节点操作) 本节目录 查找DOM元素 DOM节点操作 javascript操...

  • jQuery-dom操作

    DOM节点的创建 jQuery节点创建与属性的处理 创建元素节点: 创建为属性节点: DOM节点的插入 DOM内部...

  • DOM(文档对象)、BOM(浏览器对象)

    DOM 获取DOM节点 DOM节点的property,修改对象属性,不会提现到html结构 DOM节点的attri...

  • js操作DOM

    创建dom 删除一个dom 文档碎片增快速度 dom节点 父节点 子节点 offsetParent 继续子节点 兄...

  • 15、DOM初识1

    DOM: Document Object Model (文档对象模型) DOM节点: 节点和节点层次的概念?节点:...

  • DOM和BOM一些基础用法

    DOM DOM常用节点类型 元素节点 - 1;属性节点 - 2;文本节点 - 3;注释节点 - 8;文档节点 - ...

网友评论

      本文标题:DOM节点

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