JS - 如何用JavaScript删除图像？

Question

我遇到一个问题,用JS代码删除图像像...

<img src="image.png" id='image_X'>
...
document.getElementById('image_X').src=''

图像保持不变:(所以我的问题是如何用JS删除图像？更详细...如何动态修改图像src属性值？

任何有用的评论表示赞赏

Answer 1

var image_x = document.getElementById('image_X');
image_x.parentNode.removeChild(image_x);

http://jsfiddle.net/5DdyL/

Answer 2

你可以隐藏它.在vanilla JS中,它将是:

document.getElementById("image_X").style.display='none';

在jQuery中:

$("#image_X").css('display', 'none');

如果你真的想从DOM中删除它,removeChild你可以调用parentNode你的image元素.

Answer 3

这应该这样做:

var el = document.getElementById('image_X');
el.parentNode.removeChild(el);

你可以在这里试试.

你可以整齐地将它包装成这样的函数:

function removeElement(ele) {
    ele.parentNode.removeChild(ele);
}

removeElement(document.getElementById("image_X"));