我正在通过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)
,但结果相同。
除了经典的just-use-jquery答案,还有一些其他事情:
element.remove()
根据API的说明,Internet Explorer尚不支持它:http : //msdn.microsoft.com/zh-cn/library/ie/hh772117(v=vs.85).aspx。这是一项实验性技术:https : //developer.mozilla.org/zh-CN/docs/Web/API/ChildNode.removeparentNode.removeChild
它不适合我吗?http : //jsfiddle.net/limdauto/wztm1dgk/前
后
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句