读书人

如何用js删除div里的内容但不删除di

发布时间: 2013-07-20 11:07:48 作者: rapoo

怎么用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;


}

读书人网 >asp.net

热点推荐