parentNode是JavaScript中的一個屬性,它用于訪問一個元素的父節點。
在DOM(文檔對象模型)結構中,每個HTML元素都有一個父節點,除了根節點(通常是文檔對象)。通過使用parentNode屬性,我們可以獲取一個元素的父節點。
示例代碼:
var childNode = document.getElementById('child');
var parentNode = childNode.parentNode;
console.log(parentNode); // 輸出父節點
在上面的代碼中,我們首先使用getElementById方法獲取id為’child’的元素,并將其賦給childNode變量。然后,我們使用parentNode屬性獲取childNode元素的父節點,并將其賦給parentNode變量。最后,我們使用console.log方法將父節點打印到控制臺。
需要注意的是,parentNode屬性只能訪問一個元素的直接父節點。如果我們需要訪問更高層級的祖先節點,可以使用parentNode屬性的鏈式調用,或者使用更高級的方法,如closest方法。
示例代碼:
var childNode = document.getElementById('child');
var parentNode = childNode.parentNode;
var grandparentNode = parentNode.parentNode;
console.log(grandparentNode); // 輸出祖父節點
在上面的代碼中,我們首先通過childNode.parentNode獲取childNode元素的父節點,然后再通過parentNode.parentNode獲取父節點的父節點,即childNode元素的祖父節點,并將其賦給grandparentNode變量。最后,我們使用console.log方法將祖父節點打印到控制臺。
總結:parentNode是一個用于訪問元素的父節點的屬性,可以用于獲取一個元素的父節點或更高層級的祖先節點。