通過使用parentNode可以訪問一個節點的父節點,從而可以簡化代碼并提高代碼效率。以下是一些使用parentNode提高代碼效率的方法:
const parent = document.getElementById('parent');
const child1 = parent.querySelector('.child1');
const child2 = parent.querySelector('.child2');
let node = document.getElementById('child');
while(node.parentNode) {
if(node.parentNode.id === 'parent') {
// 在parent節點中找到了child節點
break;
}
node = node.parentNode;
}
document.getElementById('parent').addEventListener('click', function(event) {
if(event.target.classList.contains('child')) {
// 處理子節點的點擊事件
}
});
通過合理使用parentNode可以簡化代碼邏輯,提高代碼效率。