Allen's blog Allen's blog
首页
面经
算法 (opens new window)
分类

Allen

前端CV工程师
首页
面经
算法 (opens new window)
分类
  • Javascript

    • npm包管理工具
    • requestAnimationFrame
    • JS获取屏幕、浏览器、网页宽度和高度
    • JS获取子节点、父节点、兄弟节点
      • 获取子节点
      • 获取父节点
      • 获取兄弟节点
    • 24种坏味道以及重构手法
    • 消除过多的if-else
  • TypeScript

  • CSS

  • Vue

  • React

  • 框架和构建工具

  • 工具库

  • 常见业务场景

  • Bug

  • 项目实战

  • 前端
  • Javascript
Allen
2023-03-16
目录

JS获取子节点、父节点、兄弟节点

# 获取子节点

  • 可以通过 querySelector 使用 css 选择器获取子元素
  • 可以使用 children 获取子元素
    • 不要使用childNodes,会包含换行和空格
    • 不要使用firstChild来获取第一个子节点(可能选中换行和空格,会得到undefined),而是应该使用firstElementChild。
    • 获取最后一个子元素类似,采用lastElementChild

# 获取父节点

parentNode、parentElement是一样的,前者是w3c标准,后者是ie标准

# 获取兄弟节点

  1. 通过获取父亲节点再获取子节点来获取兄弟节点
  2. 获取上一个兄弟节点
    1. 使用previousElementSibling而不是previousSibling
  3. 获取下一个兄弟节点
    1. 使用nextElementSibling而不是nextSibling
上次更新: 2023/12/16, 09:22:46
JS获取屏幕、浏览器、网页宽度和高度
24种坏味道以及重构手法

← JS获取屏幕、浏览器、网页宽度和高度 24种坏味道以及重构手法→

最近更新
01
rollup使用配置文件rollup.config.ts打包
12-08
02
package.json导出类型
12-08
03
关键问题方案
11-17
更多文章>
Theme by Vdoing | Copyright © 2023-2023 Allen | Github
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式