日期:2014-05-17  浏览次数:20377 次

怎么用js删除div里的内容,但不删除div本身
我实现了一个效果,上传图片前先预览图片,预览的图片是用的div显示,我现在想实现的是当鼠标滑到图片上,出现一个删除的图标,当点击这个图标的时候,这张图片就消失,但是这个div还存在,我试过几个js都不行
document.getElementById("newPreview").style.innerHTML=""; 
document.body.all("newPreview").innerHTML="";
document.getElementById("newPreview").value="";
上面这三种写法,点了之后没任何反应,然后下面这个是直接把整个div给删了
function deleteDiv()
{
   var my = document.getElementById("newPreview");
    if (my != null)
       my.parentNode.removeChild(my);
}
求解啊,为什么上面三个点击没有任何反应呢?

------解决方案--------------------
引用:
Quote: 引用:

Quote: 引用:

Quote: 引用:

Quote: 引用:

Quote: 引用:

document.getElementById('newPreview').innerHTML='';

这个不管用啊,点击没反应!


楼主的预览图片 是用的img标签  还是 div bgimg?

div,代码如上


你用的是滤镜  innerHTML 所以是改不了的

哦  那有没有什么别的办法呢?


function PreviewImg(imgFile)
         {    
             var newPreview = document.getElementById("newPreview");
             newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
             newPreview.style.width = "100px";
             newPreview.style.height = "100px";
 newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").enabled =true;
         }
function hidden(){
 var newPreview = document.getElementById("newPreview");
 newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").enabled =false;