上一个兄弟元素和上一个元素兄弟元素之间的区别

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>