previousElementSibling还是previousSibling？

最新推荐文章于 2022-12-09 16:05:18 发布
最新推荐文章于 2022-12-09 16:05:18 发布 · 663 阅读 · 0
文章标签：

#jQuery #JavaScript #IE #Firefox #浏览器 #ViewUI

本文探讨了FireFox 3.5.11版本中不支持JavaScript的previousSibling属性及IE 8.0.6001.18702版本中不支持previousElementSibling属性的问题，并提出使用jQuery来实现跨浏览器兼容性的解决方案。

 

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
javascript 的 previousSibling兼容性问题
weixin_30384217的博客
01-18 328
<!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 826
实例返回列表项的 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 6016
j'qjq
掌握DOM操作：previousElementSibling vs previousSibling
标题中的“previousElementSibling”和“previousSibling”是JavaScript中用于操作DOM（文档对象模型）的两个属性，它们用于访问给定节点的前一个兄弟节点，但二者有细微的差别，主要体现在对节点类型的考量上。...
previousSibling
05-04
`previousSibling` 是一个 DOM 属性，用于获取当前节点的前一个同级节点（即在同一层级上的前一个节点）。这个属性返回一个节点对象，如果当前节点没有前一个同级节点，则返回 null。注意，该属性只返回节点对象，不...
assignedSlot : null baseURI : "http://localhost:8888/warehouseManagement/inventoryManagement/inventoryRequisition?mid=09d06ab8272a472ea320bd5590290340" childNodes : NodeList [] data : "" firstChild : null isConnected : true lastChild : null length : 0 nextElementSibling : div.el-cascader.el-cascader--default.no-border-cascader.el-tooltip__trigger nextSibling : div.el-cascader.el-cascader--default.no-border-cascader.el-tooltip__trigger nodeName : "#text" nodeType : 3 nodeValue : "" ownerDocument : document parentElement : td.flex-1 parentNode : td.flex-1 previousElementSibling : div.label previousSibling : div.label textContent : "" wholeText : "" console.log('$el', $el); // 这里应该正常输出
最新发布
07-30
你当前打印出的 `$el` 是一个 **文本节点（TextNode）**，其 `nodeType === 3`，而不是你期望的 `HTMLElement`。 --- ## 问题分析 你打印的 `$el` 是这样的对象： ```js ...这通常是因为你获取到的不是组件的根 DOM...
JS——DOM操作（首尾子节点、兄弟节点【firstChild、previousSibling...】）
weixin_30263277的博客
05-28 628
（一）首尾子节点： 【首】：firstChild、 firstElementChild 【尾】：lastChild、 lastElementChild （首尾两个子节点，有两种写法，主要是因为兼容性问题） 详情看以下代码：　　（lastChild、 lastElementChild与之相同） 1 <!DOCTYPE html> 2 <html la...
js与jquery获取子节点、父节点、兄弟节点的方法
七侠剑客的博客
03-23 6396
js与jquery获取子节点、父节点、兄弟节点的方法     在写代码时，是不是会遇到获取子节点、父节点等需要，但有的总是弄混淆不是很清晰，所以针对这些问题，总结了jquery与js获取节点的方法 js方法 <div id="div"> <p id = "one">我是爷爷</p> <span id=...
element-ui组件元素事件共享
qq_46312015的博客
09-22 279
应用场景： [树、级联] 组件对lable没有事件绑定； 解释：想要实现点击树节点的lable（文字）触发动作；想要实现级联单选点击文字触发事件； //setInterval(function(){ //document.querySelectorAll(".custom-tree-node").forEach((el)=>{ //el.onclick=function(){ //if(this.previousEl...
详解DOM节点及属性API
Devin_Chen的博客
01-09 617
DOM节点 目录 DOM节点 HTML DOM 节点树 节点父、子和同胞 节点 节点类型 节点设置与获取 children 与 childNodes nextSibling 与nextElementSibling previousSibling 与 previousElementSibling firstChild 与firstElementChild last...
DOM中的previousSibling，nextSibling，firstChild，lastChild和parentNode节点学习
weixin_34416649的博客
12-27 222
几个主要节点类型：     ELEMENT_NODE         = 1;    元素节点        TEXT_NODE              = 3;    文本节点     DOCUMENT_NODE     = 9;    文档节点在IE中会自动过滤掉空白文本节点   elem.previousSibling  在FireFox，Chrome等浏览器中可能会包含空白文本节点  e...
html仅空白的文本节点,Chrome忽略空白文本节点
weixin_42638139的博客
07-09 347
1、node[1].previousSibling.innerHTML：这里获得的是第一个后面的空白符(nodeType=3,innerHTML=undefined)，也即node[1]的上一个兄弟元素。2、若想跳过空白文本：function get_previousSibling(n){var x=n.previousSibling;//首先取得n的上一个兄弟xwhile(x&&...
【JavaScript-节点操作】什么是节点，节点操作怎么用，操作节点能干吗？
zhaochen1127的博客
09-12 3695
JavaScript节点至少拥有nodeType (节点类型)、nodeName (节点名称)和nodeValue (节点值)这三个 基本属性。利用节点层级关系来获取元素，大多数利用父子兄关系来获取元素。一般使用节点对元素操作的多一点
JS，nextSibling,nextElementSibling 下一个兄弟,previousSibling previousElementSibling 上一个兄弟节点
热门推荐
sunling的专栏
11-21 1万+
234 234 234 234 234 234 234 234 var div1 = document.getElementById("div1"); // div1.nextSibling.style.color="red";  获取下一个兄弟节点 只有IE 6 7 8兼容 // div1.nextElementSibling.style.color="red";   其
previousElementSibling的使用
zheng19921992的博客
03-13 2899
在项目中有一个非空验证，可以利用previousElementSibling；previousElementSibling指的是上一个兄弟元素节点；
nextSibling、previousSibling 和 nextElementSibling、previousElementSibling
[暂停使用]任先阳
01-05 1010
nodeType，主要与这个有关    nextSibling、previousSibling 可以说是所有节点； nextElementSibling、previousElementSibling 就是普通的元素节点。   
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值