用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文件,点击按钮,就可以了。
当改变img的src时,浏览器会先去搜寻该路径的图片,当找到图片才会更新img,所以img.attr('src',"")中路径为空,浏览器无法找到图片,所以img会一直保持原状。
解决办法:
使用空白图片,当想要清空img时,则指向此空白图片。(荐)
想要清空img时把img设置为隐藏。