javascript - JS : Can't remove created Element in IE

Question

我像这样通过 javascript 动态创建图像:

var dragimg = null;
function createImage(g) {
    dragimg = document.createElement("img");
    dragimg.src = "link/to/image.png";
    dragimg.style.width = "50px";
    dragimg.style.position = "absolute";
    dragimg.style.zIndex = 100;
    $("body").prepend(dragimg);
}

创建图像后，我想在某个时候通过调用此函数将其删除:

function removeImage() {
dragimg.remove();
}

这在 Chrome、Firefox 和 Opera 中运行良好。但是，它在 Internet Explorer 11 中不起作用。

我还想指出我有一个 document.onmousemove 函数集，它在鼠标移动时操纵所创建图像的 left 和 top 属性。这适用于所有浏览器 - 但我不确定它是否与删除问题有关。

我也尝试通过 dragimg.parentNode.removeChild(dragimg) 删除图像，但结果相同。

Answer 1

除了经典的 just-use-jquery 答案之外的一些事情:

根据 API:http://msdn.microsoft.com/en-us/library/ie/hh772117(v=vs.85).aspx，Internet Explorer 尚不支持
1. element.remove() .这是一项实验技术:https://developer.mozilla.org/en-US/docs/Web/API/ChildNode.remove
2. 你确定 parentNode.removeChild 没有工作因为它是给我的:http://jsfiddle.net/limdauto/wztm1dgk/

之前

之后