javascript - 如何通过单击按钮使用javascript函数从html中删除元素

Question

我是 javascript 新手，我需要在单击按钮时调用 javascript 函数并删除我使用的按钮元素下方的 div 元素

<button id="delete_row"  onclick="deleterow(event,div1)></button>

div1 是我要删除的 div 元素的 id

javascript函数

function deleterow(event,id) {

event.preventDefault();

    var elem = document.getElementById(id);
  elem.remove();//it dosent remove anything

  }

这不起作用，不会删除任何东西

标签： javascripthtml

Answer 1

按 id 移除元素

对于按钮 onclick 的参数，您需要添加deleterow('removeMe')要删除的元素的目标 ID

function deleterow(x) {
    var el = document.getElementById(x);
    if (el) {
        el.remove(); // remove target element
    }
}

<div id="removeMe">
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum beatae amet aut nobis optio? Natus quos beatae dignissimos totam doloribus neque animi velit excepturi accusamus voluptates eligendi dolorum, recusandae fugit.
</div>

<button id="delete_row" onclick="deleterow('removeMe')">Click me</button>