Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在javascript中从dom中删除元素?_Javascript - Fatal编程技术网

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

如何在javascript中从dom中删除元素?,javascript,Javascript,我需要这样做,以便这里的事件在元素消失后删除元素,但我该如何做呢?我得到它,以便元素从我正在使用的网格中淡出,但我希望它也被完全删除 function fadeOut(event){ var op = 1; // initial opacity var timer = setInterval(function () { if (op <= 0.1){ clearInterval(timer); }

我需要这样做,以便这里的事件在元素消失后删除元素,但我该如何做呢?我得到它,以便元素从我正在使用的网格中淡出,但我希望它也被完全删除

   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);
}
您只需要。将其删除,但您希望间隔再延长50 ms,以便有时间使元素在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);
}

你可以用

elementID.parentNode.removeChildelementID;
您正在这里观看活动。这意味着你可以达到目标。您可以使用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);
}

删除元素后缺少return关键字,我想。元素不会是DOM的一部分,所以在那之后就不重要了。问题是,为什么你要用Javascript制作不透明度动画,而CSS可以更容易更好地实现同样的效果?此外,您的参数命名似乎有问题。一项活动如何具有风格?