javascript - 在 JavaScript 和 HTML 中，如何获取当前按钮所在的 <div> 的访问权限？

Question

在 HTML 中，我有

 <div>
      <button onclick="action()">button</button>
 </div>

如果不为 div 元素提供 ID 或 class，我可以在 JavaScript 中做什么来访问它并使用它？

Answer 1

将this传递给action:

<button onclick="action(this)">button</button>

然后在行动

function action(btn) {
    var div = btn.parentNode;
    // ...
}

或者如果您想要更多的灵 active ，请使用(相对较新的)closest 方法:

function action(btn) {
    var div = btn.closest("div");
    // ...
}

---

旁注:与其使用 onxyz 属性样式的事件处理程序，不如考虑使用现代事件处理程序(addEventListener、attachEvent 在过时的浏览器上) .如果你必须支持过时的浏览器，我的回答here提供了一个函数，您可以使用它来处理缺少 addEventListener 的问题。