小编Nat*_*din的帖子

如何在不使用 jQuery 或修改 Element.prototype 的情况下让父级多级 DOM 树?

我想知道是否有一种方法可以仅使用 vanilla JS 来选择 DOM 上的特定元素,而不必parentNode多次使用。我知道你可以用 jQuery 和修改来做到这一点Element.prototype,但还有其他漂亮的方法来写这个。

  const deleteButtons = document.querySelectorAll('.delete-button');

  for (var i = 0; i < deleteButtons.length; i++) {
    deleteButtons[i].addEventListener('click', (e) => {
      e.preventDefault();

      //This is the crazy amount of parentNode usage
      bookDatabase.child(e.target.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.getAttribute("id")).remove();
      });
    }
Run Code Online (Sandbox Code Playgroud)

javascript dom tree-traversal dom-traversal

5
推荐指数
3
解决办法
6780
查看次数

标签 统计

dom ×1

dom-traversal ×1

javascript ×1

tree-traversal ×1