怎么用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);
}
求解啊，为什么上面三个点击没有任何反应呢？

解决方案 »

  1.   

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

  2.   

    这个不管用啊，点击没反应！楼主的预览图片 是用的img标签  还是 div bgimg?
      

  3.   

    你的图片是怎么用div显示的，background样式还是img标签
      

  4.   


    <style type="text/css">
             #newPreview{
                 FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)
            }
            </style>
    <script language="javascript" type="text/javascript">
    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";
             }
    </script>
    <asp:FileUpload ID="FileUpload1" runat="server" onchange="PreviewImg(this)" />
    <div id="newPreview" style="border: solid 1px #FFC097; width: 102px; height: 113px" onclick="hidden()">
      

  5.   

    这个不管用啊，点击没反应！楼主的预览图片 是用的img标签  还是 div bgimg?
    div，代码如上
      

  6.   

    这个不管用啊，点击没反应！楼主的预览图片 是用的img标签  还是 div bgimg?
    div，代码如上你用的是滤镜  innerHTML 所以是改不了的
      

  7.   

    这个不管用啊，点击没反应！楼主的预览图片 是用的img标签  还是 div bgimg?
    div，代码如上你用的是滤镜  innerHTML 所以是改不了的

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

  8.   

    这个不管用啊，点击没反应！楼主的预览图片 是用的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;
    }
      

  9.   

    你先确定下你修改的是newPreview这个吗？，或者你先去掉它看下效果，感觉操作的不应该是newPreview这个
      

  10.   

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

  11.   

    使用样式 display:none; 或display:normal; 来控制图片的隐藏或显示
      

  12.   

    这个不管用啊，点击没反应！出现一个删除的图标，当点击这个图标的时候，这张图片就消失. 这个删除的图标的click事件绑定你的处理函数了吗？
      

  13.   


    <head runat="server">
        <title></title>
        <script type="text/javascript">
            function hidden(id)
            {
                var obj = document.getElementById(id);
                obj.style.display = "none";
            }
            function normal(id)
            {
                var obj = document.getElementById(id);
                obj.style.display = "";
            }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div onmousemove="normal('img')">
            演示隐藏或者显示<br />
            <img id="img" src="img/1.jpg" style="display:none;" onclick="hidden('img')" />
        </div>
        </form>    
    </body>