javascript - previoussibling 和 previouselementsibling-javascript 的区别
问题描述
我想知道我是否知道 javascript previoussibling和previouselementsibling有什么区别。我试过了,但没有找到任何可以比较或描述这一点的问题或文章。也许这是为了我的一点 javascript 知识,但如果解释一下,我很感激。
非常感谢。
解决方案
该previousElementSibling
属性返回指定元素的前一个元素,在同一树级别。
previousSibling
该属性与,的区别在于,previousSibling
将前一个兄弟节点作为元素节点、文本节点或注释节点previousElementSibling
返回,而将前一个兄弟节点作为元素节点返回(忽略文本和注释节点)。
//Get the second li element
var liElement = document.getElementById( "target" ) ;
//Get the previous element (→ Text node (line feed and tab character))
var previousSibling = liElement.previousSibling ;
console.log("previousElementSibling::"+previousSibling.data);
console.log("previousSibling.previousElementSibling::",previousSibling.previousElementSibling);
//Get the previous element (→ <li> Element 3 </ li>)
var previousElementSibling = liElement.previousElementSibling ;
console.log("previousElementSibling::",previousElementSibling);
<ul>
<li>Element-1</li>↓
<li id="target">Element-2</li>
<li>Element-3</li>
</ul>
推荐阅读
- flutter - 使用带有声明式 UI 的提供程序包 StreamProvider
- java - kotlin 类的常量池中的疯狂 UTF-8 条目
- java - Java Bytebuffer 只能顺序读取?
- apache-spark - 如何从大量杂乱的结构化数据中找出模式?
- java - 在什么情况下我们不应该使用依赖注入?
- hangouts-chat - 如何完全删除由 Chat API 创建的 Chat Bot?
- vb.net - VB6 如何使用 VB.NET 的对象数组?
- python - 如何使用计数所有元素并按一个请求分组来进行 pymongo 聚合
- pycharm - 更改文件选项卡颜色 - PyCharm
- reactjs - 如何在 Typescript 中获取提交按钮以将参数发送到我的端点,反应?