跳至內容

JavaScript/Removing elements

維基教科書,自由的教學讀本

在JavaScript中,一個元素只能從其父元素中刪除。 要刪除一個,您必須獲取元素,找到它的父元素,然後使用 removeChild 方法將其刪除。[1]

例如,一個HTML文檔看起來:

<div id="parent">
    <p id="child">I'm a child!</p>
</div>

您需要刪除 ID 為「child」的元素的代碼是:

// get elements
var child = document.getElementById("child");
var parent = document.getElementById("parent");

// Delete child
parent.removeChild(child);

您可以使用子元素的parentNode屬性來自動查找其父元素,而不是手動獲取父元素。 上述 HTML 文檔上的代碼如下所示:

// Get the child element node
var child = document.getElementById("child");

// Remove the child element from the document
child.parentNode.removeChild(child);

參考文獻

[編輯]