如何在沒有 jQuery 的情況下刪除 Javascript 中的元素

Question

我試圖通過嵌套在其中的<a>標記從 DOM 中刪除 Div。

我想我正在尋找的是純 Javascript 版本的 jQuery 的$('div').remove()這是 html 設置

<div> <a href = "#" onClick = "w/e()">Click me to remove the parent div</a></div>

提前謝謝。 :D

Answer 1

你可以定義這個 function

function remove(element) {
    element.parentNode.removeChild(element);
}

並將其用作

<div>
    <a href="#" onClick="remove(this.parentNode)">...</a>
</div>

參考： Node.parentNode ， Node.removeChild

補充說明：

• 對於這種行為，您最好使用<button>而不是鏈接 ( <a> )。 鏈接具有獨特的語義含義，它必須鏈接到某個地方。 您可以使用 CSS 相應地設置按鈕樣式。
• 事件處理程序最好通過 JavaScript 本身而不是作為 HTML 屬性添加。