用js将图片清空的问题

用img.attr('src',"imga")、img.attr('src',"imgb")修改图片有效,但是使用img.attr('src',"")后动态的html的src已经清空了,但是实际效果仍然显示原来的图片,有什么方法能够解决?

1、新建一个html文件,命名为test.html,用js删除图片。

2、在test.html文件内,使用p标签创建多段文字,同时设置每个p标签id属性,主要用于下面使用js获得对应的p标签对象。

3、在test.html文件内,使用button标签创建一个“删除html”的按钮。

4、在test.html文件内,给button按钮绑定onclick点击事件,当按钮被点击时,执行delhtml()函数。

5、在js标签内,创建delhtml()函数,在函数内实现对指定的p图片进行删除。

6、在myfun()函数内,通过getElementById()方法获得p标签对象,使用remove()方法删除html。在浏览器中打开test.html文件,点击按钮,就可以了。


温馨提示:内容为网友见解,仅供参考
第1个回答  2013-06-28
<img src="http://www.baidu.com/img/bdlogo.gif" id="img_aaa"/>

document.getElementById("img_aaa").parentNode.removeChild(document.getElementById("img_aaa"));

//不知道你具体想要什么效果,不过这样可以直接把你指定的图片删除,触类旁通,希望能有所帮助

第2个回答  推荐于2017-11-28

当改变img的src时,浏览器会先去搜寻该路径的图片,当找到图片才会更新img,所以img.attr('src',"")中路径为空,浏览器无法找到图片,所以img会一直保持原状。

解决办法:

    使用空白图片,当想要清空img时,则指向此空白图片。(荐)

    想要清空img时把img设置为隐藏。

本回答被提问者采纳
相似回答