javascript - 为什么 previousSibling 不起作用？

<分区>

这是演示代码，所以我只想遵循这样的模式:当用户单击按钮时，它会在 h3 标签中显示 anchor 的内部文本。

我的代码

 var a = document.getElementById('btn');
 var b = a.previousSibling.firstChild.innerText;
 alert(b);

<div class="box">
  <p>This is a paragraph</p>
  <h3><a href="#"> Heading </a> </h3>
  <button id="btn">Click Me</button>
</div>

我明白了:

Error is Cannot read property 'innerText' of null

最佳答案

你需要使用previousElementSibling相反

var a = document.getElementById('btn');
var b = a.previousElementSibling.firstChild.innerText;
console.log(b);

<div class="box">
  <p>This is a paragraph</p>
  <h3><a href="#">Heading</a></h3>
  <button id="btn">Click Me</button>
</div>

关于javascript - 为什么 previousSibling 不起作用？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39414535/