用js将图片清空的问题

发布网友 发布时间：2022-04-24 03:09

我来回答

共3个回答

热心网友 时间：2022-04-20 10:21

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文件，点击按钮，就可以了。

热心网友 时间：2022-04-20 11:39

<img src="http://www.baidu.com/img/bdlogo.gif" id="img_aaa"/>

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

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

热心网友 时间：2022-04-20 13:14

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

解决办法：

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

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