Javascript 访问兄弟节点

简介: Javascript 访问兄弟节点
  1. nextSibling属性可返回某个节点之后紧跟的节点(处于同一树层级中)。

语法:


nodeObject.nextSibling


说明:如果无此节点,则该属性返回null

2. previousSibling属性可返回某个节点之前紧跟的节点(处于同一树层级中)。


语法:


nodeObject.previousSibling


说明:如果无此节点,则该属性返回null


注意: 两个属性获取的是节点。Internet Explorer会忽略节点间生成的空白文本节点(例如,换行符号),而其它浏览器不会忽略。


解决问题方法:

判断节点nodeType是否为1, 如是为元素节点,跳过。


2466108-3c7c61531b4e7d33.webp.jpg


运行结果:


LI = javascript
nextsibling: LI = jquery


目录
相关文章
|
1月前
|
前端开发 JavaScript 区块链
连接区块链节点的 JavaScript 库 web3.js
连接区块链节点的 JavaScript 库 web3.js
27 2
|
5月前
|
JavaScript 前端开发
js中访问节点和创建节点的方法都有什么?
js中访问节点和创建节点的方法都有什么?
25 0
|
7月前
|
JavaScript API
使用Node.js访问API的示例
下面是一个使用Node.js访问API的示例代码:
|
7月前
|
JavaScript
js节点、属性操作,计时器,location、history对象,常见键盘事件
js节点、属性操作,计时器,location、history对象,常见键盘事件
|
8月前
|
缓存 Shell API
一文带你掌握nest.js访问静态资源
一文带你掌握nest.js访问静态资源
一文带你掌握nest.js访问静态资源
|
7月前
|
域名解析 监控 JavaScript
宝塔面板pm2管理器部署node.js(express框架)sever文件,可以使用域名访问你的后端项目
宝塔面板pm2管理器部署node.js(express框架)sever文件,可以使用域名访问你的后端项目
427 0
|
3月前
|
JavaScript 前端开发 安全
JavaScript学习 -- 文本节点
JavaScript学习 -- 文本节点
16 0
|
3月前
|
JavaScript 前端开发
JavaScript:DOM节点
JavaScript:DOM节点
20 0
|
3月前
|
XML JavaScript 前端开发
javaScript 原生DOM节点操作(最实用的dom节点操作大全)
javaScript 原生DOM节点操作(最实用的dom节点操作大全)
17 0
|
4月前
|
存储 JavaScript 前端开发
数组:数组是JS中的一种特殊对象,用于存储一组有序的数据。需要掌握数组的创建、访问、修改以及各种内置方法。
数组:数组是JS中的一种特殊对象,用于存储一组有序的数据。需要掌握数组的创建、访问、修改以及各种内置方法。
36 2