2.23-节点关系

比眉伴天荒 2023-07-10 15:59 13阅读 0赞

### 元素查找方法 ###

document.getElementById()
    document.getElementsByTagName()
    document.querySlector('.demo')  //选择器需要加. #等
    document.querySlectorAll('.demo')
    document.getElementsByClassName('demo')
    document.getElementsByName('demo')
    document.body   //获取body元素
    document.head 	//获取head元素
    document.documentElement
    alert(document.body);
    alert(document.head);
    alert(document.documentElement);

### 节点 ###

<table> 
 <thead> 
  <tr> 
   <th>元素节点（标签）</th> 
   <th>注释节点</th> 
   <th>文本节点</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>nodeType 1</td> 
   <td>nodeType 8</td> 
   <td>nodeType 3</td> 
  </tr> 
  <tr> 
   <td>nodeName 大写标签名</td> 
   <td>nodeName #comment</td> 
   <td>nodeName #text</td> 
  </tr> 
  <tr> 
   <td>nodeValue null</td> 
   <td>nodeValue 注释内容</td> 
   <td>nodeValue 文本内容</td> 
  </tr> 
 </tbody> 
</table>

说明：nodeType 节点类型 nodeName 节点名 nodeValue 节点值

### 关系节点属性 ###

parentNode 父节点

firstChild/firstElementChild 第一个孩子/第一个元素孩子

lastChild/lastElementChild 最后一个孩子/最后一个元素孩子

说明：

第一组

**firstElementChild** 第一个元素节点，ie9+支持  
**firstChild** 第一个子节点

第二组

**childNodes** 包含文本子节点

**children** 只包含元素节点

其他

previousSibling nextSibling 前一个兄弟，后一个兄弟，包含文本节点

previousElementSibling nextElementSibling 前一个元素兄弟

nodeName 节点名称 nodeType: 节点类型 1 表示元素节点 3 文本节点 8 注释节点

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

相关 2.23-节点关系

元素查找方法 document.getElementById() document.getElementsByTagName() document

比眉伴天荒/ 2023年07月10日 15:59/ 0 赞/ 14 阅读

相关 223. Rectangle Area

class Solution { public: int computeArea(int A, int B, int C, int D, int

忘是亡心i/ 2023年06月03日 15:55/ 0 赞/ 54 阅读

相关 neo4j 节点与关系

neo4j中就两个对象节点:node `(var:label {key:value})` `()`使用括号包裹 `var`是临时变量,只在某条语句中起作用,主

川长思鸟来/ 2022年10月26日 04:59/ 0 赞/ 232 阅读

相关 leetcode 223. Rectangle Area | 223. 矩形面积（Java）

题目 [https://leetcode.com/problems/rectangle-area/][https_leetcode.com_problems_rectan

ゝ一纸荒年。/ 2022年10月08日 05:42/ 0 赞/ 260 阅读

相关 Leetcode 223. 矩形面积

Leetcode 223. 矩形面积 package com.bingoabin.algorithm.math; / @Author: xubin

た入场券/ 2022年09月14日 06:28/ 0 赞/ 228 阅读

相关 leetcode 223: Rectangle Area

Find the total area covered by two rectilinear rectangles in a 2D plane. Each rectan

红太狼/ 2022年08月19日 04:45/ 0 赞/ 216 阅读

相关 LeetCode--223. Rectangle Area

Problem: Find the total area covered by two rectilinear rectangles in a 2D plane. Each

客官°小女子只卖身不卖艺/ 2022年07月27日 13:38/ 0 赞/ 191 阅读

相关 TTP223 触摸按键

正面 ![正][SouthEast] 反面 ![反][SouthEast 1] 模式设置 ![模式][SouthEast 2] 可替代按键开关 ![开关][

你的名字/ 2022年06月12日 14:59/ 0 赞/ 186 阅读

相关 JavaScript-节点之间的关系

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

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