如何通过parentNode提高代码效率

通过使用parentNode可以访问一个节点的父节点，从而可以简化代码并提高代码效率。以下是一些使用parentNode提高代码效率的方法：

1. 避免重复查找父节点：如果在代码中多次需要访问同一个节点的父节点，可以先查找一次并保存在变量中，以避免重复查找。

const parent = document.getElementById('parent');
const child1 = parent.querySelector('.child1');
const child2 = parent.querySelector('.child2');

2. 使用parentNode代替逐层查找：如果需要在一个节点的祖先节点中查找某个节点，可以使用parentNode逐级向上查找，避免逐层查找。

let node = document.getElementById('child');
while(node.parentNode) {
  if(node.parentNode.id === 'parent') {
    // 在parent节点中找到了child节点
    break;
  }
  node = node.parentNode;
}

3. 使用parentNode简化事件委托：可以利用parentNode来简化事件委托的代码，避免在每个子节点上都绑定事件监听器。

document.getElementById('parent').addEventListener('click', function(event) {
  if(event.target.classList.contains('child')) {
    // 处理子节点的点击事件
  }
});

通过合理使用parentNode可以简化代码逻辑，提高代码效率。