previoussibling和previouselementsibling javascript之间的区别

我想知道javascriptprevioussibling和previouselementsibling之间有什么区别。我试过了，但没有找到任何问题或文章来比较或描述这一点。也许这是因为我的javascript知识不多，但如果能解释一下，我将不胜感激

---

非常感谢。

属性

previousElementSibling

返回指定元素的上一个元素，位于同一树级别

此属性与

previousSibling

之间的区别在于

previousSibling

将上一个同级节点作为元素节点、文本节点或注释节点返回，而

previousElementSibling

将上一个同级节点作为元素节点返回（忽略文本和注释节点）

//获取第二个li元素
var liElement=document.getElementById（“目标”）；
//获取上一个元素(→ 文本节点（换行符和制表符））
var previousSibling=liElement.previousSibling；
log（“previousElementSibling:：”+previousSibling.data）；
log（“previousSibling.previousElementSibling:：”，previousSibling.previousElementSibling）；
//获取上一个元素(→ 
要素3）
var previousElementSibling=liElement.previousElementSibling；
log（“previousElementSibling:：”，previousElementSibling）

元素-1
↓
元素2
元素-3
上一个同级
获取上一个文档节点，该节点不一定是
HTML元素

对于获取上一个HTML元素
previousElementSibling
是一种方法

插图（
以前的兄弟姐妹
）：

但是：

在上述情况下，它是一个空字符串，用于在两个img项目之间设置，以帮助格式化HTML文档本身。

插图（
previousElementSibling
）：



输出：

document.getElementById("b1").previousElementSibling  // <img id="b0"></img>

document.getElementById（“b1”）.previousElementSibling//

此处
.previousElementSibling
返回其父级的子级列表中指定元素之前的元素，即
谢谢，男士：）此答案非常清楚，足以理解。特别感谢您的代码片段。
document.getElementById("b1").previousSibling;    // <img id="b0">
document.getElementById("b2").previousSibling.id; // "b1"

<img id="b0">
<img id="b1">
<img id="b2">

document.getElementById("b1").previousSibling;       //  [object Text] 

<img id="b0">
<img id="b1">
<img id="b2">

document.getElementById("b1").previousElementSibling  // <img id="b0"></img>