DOM节点以及节点之间的关系

我会带着你远行 2023-07-15 02:59 28阅读 0赞

## 三大属性 ##

所有的Node(元素、属性、文本)对象都是document的 子代节点

**nodeType 节点类型（number）**

document  9
    element  1
    attrbute  2
    text  3

**节点名 (nodeName)**

document -> #document
    标签元素 -> 全大写的标签名
    属性名 -> attitude
    文本节点 -> #text

**节点值 (nodeValue)**

document	null
    标签元素		null
    属性值		attribute
    文本的内容	text

**查找三个元素，直接用(window)**

document.documentElement -> html
    document.head -> head
    document.body -> body

## 节点间关系 ##

**节点关系：**

1.父子关系
    node.parentNode		获得node的父节点
    node.childNodes		获得node的直接子代节点
    node.firstChild		获得node下的第一个子节点
    node.lastChild		获得node下最后一个子节点
    2.兄弟关系
    node.previousSibling	返回当前节点的前一个兄弟节点
    node.nextSibling	返回当前节点的下一个兄弟节点

节点树:包含了所有节点(元素，文本)完整的结构

元素树:仅包含元素节点的树形结构

**节点元素关系**：

1.父子关系
    elem.parentElement	返回父元素对象
    elem.children	返回子元素对象集合IE8支持
    elem.firstElementChild	返回第一个子元素对象
    elem.lastElementChild	返回最后一个子元素对象
    2.兄弟关系
    elem.previousElementSibling		返回当前元素的前一个兄弟元秦
    elem.nextElementSibling		返回当前元素的下一个兄弟元素

发表评论取消回复

表情：

评论列表（有 0 条评论，28人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML DOM根据关系找节点

一，根据关系找节点 1. 获得父节点：parentNode 2. 获得子节点：childNodes 3. 获得第一个节点：firstChild 4. 获得最后...

水深无声/ 2024年04月19日 09:35/ 0 赞/ 65 阅读

相关 3.Dubbo节点之间的调用关系

![up-cd5ca5fd296fbd3f3aa47220c29902d54f0.png][] ![up-cb6fedb6db3e8fa2b39a9cc44aeb0be8a3

梦里梦外;/ 2023年10月14日 12:08/ 0 赞/ 57 阅读

相关 DOM节点以及节点之间的关系

三大属性所有的Node(元素、属性、文本)对象都是document的子代节点 nodeType 节点类型（number） document 9

我会带着你远行/ 2023年07月15日 02:59/ 0 赞/ 29 阅读

相关 JavaScript中DOM节点常用操作 (节点的增删追加以及节点属性操作)

动态创建DOM节点 var obj = document.createElement(tagName); 例： var li = document.c

刺骨的言语ヽ痛彻心扉/ 2023年06月09日 14:26/ 0 赞/ 161 阅读

相关 DOM节点属性

1.getAttribute("属性") 2.setAttribute ("属性"，"属性值") 属性可视为元素节点的子节点 3.c

末蓝、/ 2022年06月14日 05:36/ 0 赞/ 340 阅读

相关通过DOM关系获取元素节点和操作节点的基本方法

５大节点： HTML文档中的每个成分都是一个节点．（１）整个文档是一个文档节点（２）每个HTML标签是一个标签节点（３）包含在HTML标签中的文本是文本节点

青旅半醒/ 2022年05月17日 01:25/ 0 赞/ 311 阅读

相关利用DOM节点关系访问HTML元素

一介绍一旦获取了某个元素，由于元素实际与DOM树的某个节点对应，因此我们完全可以利用节点之间的父子关系、兄弟关系来访问HTML元素。下面应用利用节点关系访问HTML元

本是古典何须时尚/ 2022年05月12日 00:42/ 0 赞/ 253 阅读

相关 JavaScript-节点之间的关系

节点树中的节点彼此拥有层级关系。我们常用父（parent）、子（child）和同胞（sibling）等术语来描述这些关系。父节点拥有子节点。同级的子节点被称为同胞（兄弟或姐

痛定思痛。/ 2022年04月17日 00:55/ 0 赞/ 302 阅读

相关 Neo4j-创建节点之间的关系

节点的创建时很简单的，只要用create创建名字和属性即可。但是节点的关系创建有点复杂，因为需要考虑如何匹配到有关系的两个节点，以及关系本身的属性如何设置。这里我简单学一下如何

妖狐艹你老母/ 2022年04月08日 13:00/ 0 赞/ 770 阅读

相关 JS-JavaScript节点Node的nodeName和nodeValue、节点之间的树状关系

节点的名称和值使用节点的nodeName和nodeValue属性可以读取节点的名称和值。这两个属性完全取决于节点的类型，具体如下表：节点的nodeName和node

太过爱你忘了你带给我的痛/ 2021年08月13日 19:26/ 0 赞/ 410 阅读