javascript - 获取正确的节点

Question

我的 dom 中有这个结构:

<label>London<input type="checkbox" name="London"></label><br>
<div class="innerpost">
<label>N1 2AB<input type="checkbox" name="N1 2AB"></label><br>
<label>E1 1AB<input type="checkbox" name="E1 1AB"></label><br>
</div>

我需要一种从第一个复选框中选择 div 的方法。有点像

 parentNode.parentNode.getElementsByTagName("div");

但我没有做对 - 该特定行选择了我需要的父级之上的所有 div。

Answer 1

首先，我认为最简单的方法是在所需的 div 上放置一个 id，然后说 document.getElementById('divId')。

但如果您想按自己的方式进行，您可以通过首先检查 nodeName 属性来调试它，以确保您的事件确实是在输入而不是标签上调用的，然后检查parentNode.nodeName等