關于javascript中的parentNode

181次閱讀

共計 880 個字符，預計需要花費 3 分鐘才能閱讀完成。

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 是一個用于訪問元素的父節點的屬性，可以用于獲取一個元素的父節點或更高層級的祖先節點。

丸趣 TV 網 – 提供最優質的資源集合！

正文完