节点操作之兄弟节点

简介: 节点操作之获取兄弟节点前面我们了解了如何获取元素,我们通过document.getElementById等等来获取元素,但是这样的方法有很大的局限性,我们只能一个一个的去获取元素,很不方便。

节点操作之获取兄弟节点

前面我们了解了如何获取元素,我们通过document.getElementById等等来获取元素,但是这样的方法有很大的局限性,我们只能一个一个的去获取元素,很不方便。

那么有没有一种更方便的方式呢?

下面我们就开始学习节点操作。

兄弟节点

  1. nextSibling:获取下一个兄弟节点
    node.nextSibling

nextSibling属性返回当前节点的下一个兄弟节点,如果没有则返回null。

这个方法是返回当前元素的下一个兄弟元素的节点,包括文本节点,元素节点,样式节点等等。

  1. previousSibling:获取上一个兄弟节点
    node.previousSibling

previousSibling属性返回当前节点的上一个兄弟节点,如果没有则返回null。同样也是包含所有的节点:元素节点,文本节点,样式节点等等。

前面两个获取范围太广了,我们要是只要获取到元素怎么办呢?

  1. nextElementSibling:获取下一个兄弟元素
    node.nextElementSibling

nextElementSibling属性返回当前节点的下一个兄弟元素节点,如果没有则返回null。

  1. previousElementSibling:获取上一个兄弟元素
    node.previousElementSibling

prviouseElementSibling属性返回当前节点的上一个兄弟元素节点,如果没有则返回null。

其中:3.4有兼容性问题,只有ie9以上才能实现


相关文章
|
JavaScript
VUE element-ui之table表格横向展示(表尾汇总)
VUE element-ui之table表格横向展示(表尾汇总)
2341 0
VUE element-ui之table表格横向展示(表尾汇总)
|
Java Linux Shell
Linux安装部署Nacos
从头到尾的教程以及解决安装中可能遇到的问题
1155 0
Linux安装部署Nacos
|
7月前
|
SQL 人工智能 自然语言处理
Data Agent for Meta:是救命稻草,还是新一轮幻觉?
Meta Agent能否成为企业“数据大脑”?它并非万能,而是大模型与企业数据间的“翻译官”。其价值在于构建认知地图,解决口径混乱、表源不清等问题。但前提是数据治理扎实、组织愿意放权。它降低查数门槛,推动数据民主化,却难替代人的洞察。真正潜力,在于未来能解释数据、辅助决策,而非仅查询。
|
5月前
|
存储 缓存 安全
Java String 底层全解析:从字节码常量池到JVM极致优化的核心真相
Java中`String`是JVM优化最极致的类:依托不可变性,贯穿编译期常量折叠、运行时常量池复用、`invokedynamic`拼接、紧凑字符串、字符串去重等全链路优化,深度联动JIT、GC与类加载机制,堪称Java性能体系的集大成者。(239字)
479 6
|
JSON JavaScript 中间件
【node.js从入门到精通】使用express创建web服务器,路由,进行中间件的创建链接路由及其他中间件
【node.js从入门到精通】使用express创建web服务器,路由,进行中间件的创建链接路由及其他中间件
700 95
【node.js从入门到精通】使用express创建web服务器,路由,进行中间件的创建链接路由及其他中间件
|
11月前
|
机器学习/深度学习 人工智能 测试技术
EdgeMark:嵌入式人工智能工具的自动化与基准测试系统——论文阅读
EdgeMark是一个面向嵌入式AI的自动化部署与基准测试系统,支持TensorFlow Lite Micro、Edge Impulse等主流工具,通过模块化架构实现模型生成、优化、转换与部署全流程自动化,并提供跨平台性能对比,助力开发者在资源受限设备上高效选择与部署AI模型。
863 9
EdgeMark:嵌入式人工智能工具的自动化与基准测试系统——论文阅读
|
JavaScript 算法 前端开发
深入剖析Vue中v-for的使用及index作为key的弊端
深入剖析Vue中v-for的使用及index作为key的弊端
758 2
|
监控 前端开发 安全
C#一分钟浅谈:文件上传与下载功能实现
【10月更文挑战第2天】在Web应用开发中,文件的上传与下载是常见需求。本文从基础入手,详细讲解如何在C#环境下实现文件上传与下载。首先介绍前端表单设计及后端接收保存方法,使用`<input type="file">`与`IFormFile`接口;接着探讨错误处理与优化策略,如安全性验证和路径管理;最后讲解文件下载的基本步骤,包括确定文件位置、设置响应头及发送文件流。此外,还提供了进阶技巧,如并发处理、大文件分块上传及进度监控,帮助开发者构建更健壮的应用系统。
1110 16
|
前端开发 JavaScript
React Tailwind CSS
10月更文挑战第12天
651 1
|
机器学习/深度学习 人工智能 缓存
AI智能体研发之路-模型篇(二):DeepSeek-V2-Chat 训练与推理实战
AI智能体研发之路-模型篇(二):DeepSeek-V2-Chat 训练与推理实战
2814 0