previousElementSibling还是previousSibling？

最新推荐文章于 2025-06-24 13:44:01 发布
最新推荐文章于 2025-06-24 13:44:01 发布
阅读量650 收藏
点赞数
分类专栏： JavaScript/JSON/Ajax/ext... 文章标签： jQuery JavaScript IE Firefox 浏览器 ViewUI
本文探讨了FireFox 3.5.11版本中不支持JavaScript的previousSibling属性及IE 8.0.6001.18702版本中不支持previousElementSibling属性的问题，并提出使用jQuery来实现跨浏览器兼容性的解决方案。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 

FireFox（版本号：3.5.11）中不支持JavaScript的previousSibling属性。

IE（版本号：8.0.6001.18702）中不支持JavaScript的previousElementSibling属性。

 

用jQuery可以达到跨浏览器的支持。

 

实验见附件。

previousSibling、previousElementSibling的区别
sunlizhen的专栏
06-18 1万+
previousSibling：获取元素的上一个兄弟节点；（既包含元素节点、文本节点、注释节点） div id="box"> ul id="ul"> li>第一个li> li id="one">第二个li> li>第三个li> ul> p>我是第二个子节点p> div> var one = docume
JS——DOM操作（首尾子节点、兄弟节点【firstChild、previousSibling...】）
weixin_30263277的博客
05-28 605
（一）首尾子节点： 【首】：firstChild、 firstElementChild 【尾】：lastChild、 lastElementChild （首尾两个子节点，有两种写法，主要是因为兼容性问题） 详情看以下代码：　　（lastChild、 lastElementChild与之相同） 1 <!DOCTYPE html> 2 <html la...
javascript 的 previousSibling兼容性问题
weixin_30384217的博客
01-18 314
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>测试</title></head><body> <ul> <li>11</li> &l...
31. Element previousSibling 属性
enlyhua的专栏
08-06 812
实例返回列表项的 previousSibling（前一个同胞节点）：document.getElementById("item2").previousSibling;<!DOCTYPE html> <html> <body><p>列表示例：</p> <ul id="myList"><li id="item1">Coffee</li><li id="item2">Tea</li></ul><p id=
Jquery 选择兄弟节点
qq_45256777的博客
12-09 5972
j'qjq
掌握DOM操作：previousElementSibling vs previousSibling
标题中的“previousElementSibling”和“previousSibling”是JavaScript中用于操作DOM（文档对象模型）的两个属性，它们用于访问给定节点的前一个兄弟节点，但二者有细微的差别，主要体现在对节点类型的考量上。...
previousSibling
05-04
`previousSibling` 是一个 DOM 属性，用于获取当前节点的前一个同级节点（即在同一层级上的前一个节点）。这个属性返回一个节点对象，如果当前节点没有前一个同级节点，则返回 null。注意，该属性只返回节点对象，不...
原生JS之lastChild和lastElementChild、childNodes和children区别
骆小胖~
12-22 6312
（1）原生JS遍历时操作如下 childNodes 获取所有子节点（包括包括文本节点、注释节点即回车、换行、空格、文本等等） firstChild 获取第一个子节点（可以为注释节点） lastChild 获取最后一个子节点（与firstChild类似） parentNode 返回给定节点的父级节点 nextSibling 返回给定节点的下一个节点 previousSibling 返回给定节点的上一个节点 注意：上面写法是IE8之前旧版本写法，也可以在I
js与jquery获取子节点、父节点、兄弟节点的方法
七侠剑客的博客
03-23 6339
js与jquery获取子节点、父节点、兄弟节点的方法     在写代码时，是不是会遇到获取子节点、父节点等需要，但有的总是弄混淆不是很清晰，所以针对这些问题，总结了jquery与js获取节点的方法 js方法 <div id="div"> <p id = "one">我是爷爷</p> <span id=...
js事件1
weixin_51847874的博客
02-05 828
1.在html中this表示当前存在的标签的元素 2queryselecto选择符选出来的元素及元素数组是静态的，而getelementbyid这种方法选出的元素是动态的。queryselecto通常放入 标签如div ，getelementbyid放入id 如 box 3innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。 4getElementsByTagName(Tagname) 方法可返回带有指定标签名的对象的集合。 . Tagname是标签的名称，如p、a、img等标签.
【JavaScript-节点操作】什么是节点，节点操作怎么用，操作节点能干吗？
zhaochen1127的博客
09-12 3618
JavaScript节点至少拥有nodeType (节点类型)、nodeName (节点名称)和nodeValue (节点值)这三个 基本属性。利用节点层级关系来获取元素，大多数利用父子兄关系来获取元素。一般使用节点对元素操作的多一点
JavaScript学习笔记2
Gavin的博客
03-30 366
1 自定义属性操作 1.1 获取属性值 1.2 设置属性值 1.3 移出属性 // class 不是className // 3 移除属性 removeAttribute(属性) div.removeAttribute('index'); 1.4 H5自定义属性 自定义属性目的：是为了保存并使用数据。有些数据可以保存到页面中而不用保存到数据库中。 自定义属性获取是通过getA...
详解DOM节点及属性API
Devin_Chen的博客
01-09 585
DOM节点 目录 DOM节点 HTML DOM 节点树 节点父、子和同胞 节点 节点类型 节点设置与获取 children 与 childNodes nextSibling 与nextElementSibling previousSibling 与 previousElementSibling firstChild 与firstElementChild last...
前端JavaScript购物车模块
ceike的博客
10-03 688
【代码】麦当劳购物车。
dom属性 previousElementSibling
最新发布
weixin_45825917的博客
06-24 183
因为我们通常不知道 DOM 结构是否有空格、换行、注释等干扰节点，所以要确保我们获取的是 真正的元素 节点，用 previousElementSibling 是最保险的方式。previousSibling 前一个任意类型节点（可能是文本） ❌ 不忽略。previousElementSibling 前一个元素节点 ✅ 忽略。当前元素的前一个兄弟元素节点（忽略文本、注释等非元素节点）。nextElementSibling 后一个元素节点 ✅。属性 含义 是否忽略空白/注释节点。
常用JS—查找相邻兄弟元素、子元素的两种兼容写法
热门推荐
where_slr的博客
10-25 1万+
nextSibling &amp;amp;&amp;amp; nextElementSibling，previousSibling&amp;amp;&amp;amp;previousElementSibling 1、使用nextSibling属性返回指定节点之后的下一个兄弟节点，（即：相同节点树层中的下一个节点）。nextSibling属性返回元素节点之后的兄弟节点（包括文本节点、注释节点即回车、换行、空格、文本等等）； 2、p...
nextElementSibling 属性
hw的博客
11-03 2883
nextElementSibling 返回当前元素在其父元素的子元素节点中的后一个元素节点,如果该元素已经是最后一个元素节点,则返回null,该属性是只读的.
JS中的DOM查询（2）,(parentNode、previousSibling、nextSibling)
Fantasc的博客
08-02 1344
获取父节点和兄弟节点· 通过具体的节点，调用以下三个属性来对父节点和兄弟节点进行操作。 parentNode属性，获取当前节点的父节点。 previousSibling属性，获取当前节点的前一个兄弟节点。 在用previousSibling属性去元素节点的前一个兄弟节点时，如果前一个节点是空白文本，会将空白文本节点返回，而不是放回兄弟节点。可以用previousElementSibling属性来代替，用previousElementSibling属性不会将空白文本当做兄弟节点返回。但是后者不支持ie8一
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值