如何在javascript中从dom中删除元素？

Question

我需要这样做，以便此处的事件在元素淡出后删除元素，但我该怎么做？ 我得到它以便元素从我正在使用的网格中淡出，但我也希望它被完全删除。

   function fadeOut(event){
    var op = 1;  // initial opacity
    var timer = setInterval(function () {
        if (op <= 0.1){
            clearInterval(timer);
        }
        event.style.opacity = op;
        op -= 0.1;
    }, 50);
}

Answer 1

您只需要.remove()它，但您希望间隔再延长 50 毫秒，以便元素有时间在 0.1 不透明度下可见，否则它可能看起来有点不对劲：

function fadeOut(event){
  var op = 1;  // initial opacity
  var timer = setInterval(function () {
    if (!op){
      clearInterval(timer);
      event.remove();
    }
    event.style.opacity = op;
    op -= 0.1;
  }, 50);
}

Answer 2

看这篇文章

您可以使用

elementID.parentNode.removeChild(elementID);

Answer 3

您正在这里捕捉事件。 这意味着你可以得到目标。 您可以使用ev.target.remove()将其删除。 希望它对你有用。

function fadeOut(event){
    var op = 1;  // initial opacity
    var timer = setInterval(function () {
        if (op <= 0.1){
            clearInterval(timer);
            event.target.remove();
        }
        event.style.opacity = op;
        op -= 0.1;
    }, 50);
}