javascript - previoussibling 和 previouselementsibling-javascript 的区别

Question

我不知道我是否知道javascript previousSibling 和previousElementSibling 之间有什么区别。我试过了，但没有找到任何比较或描述这个的问题或文章。也许这是因为我对 javascript 的了解很少，但如果能解释一下，我将不胜感激。

非常感谢。

Answer 1

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>