我想知道是否有一种方法可以仅使用 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)