怎么用js删除div里的内容,但不删除div本身
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么用js删除div里的内容,但不删除div本身相关的知识,希望对你有一定的参考价值。
用JQuery$("#dataList").empty()
就是清空ID为dataList的元素的内容 参考技术A <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body class="body">
<div class="div2">sdasdasdsadsa</div>
</body>
<script src="//cdn.bootcss.com/jquery/1.11.0/jquery.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(".div2").on("click", function ()
$(this).html("");
)
</script>
</html>
删除div中的内容 ,但是保留这个div 怎么办?求js方法!!!
我想删除div中的内容 ,但是保留这个div 怎么办?求js方法!!!
<div id="dd">
删掉。。。。
</div>
求js方法!!!
将div的innerHTML置为空即可,下面有2类方法可以实现:
假设有如下的html片段:
<div id="test">这是要删除的内容,还要保留test本身</div>原生js法
jQuery法
$(\'#test\').html(\'\');//jQuery方法二
方法如下。
js里面写上
function hidden()
document.getElementById("dd").style.display="none";
通过单击调用这个js就可以了
比如
<div id="dd" onclick="hidden();">
删掉。。。。
</div>
如果非要删除,就把document.getElementById("dd").style.display="none";
改成document.getElementById("dd").innerHTML="";
就可以了 参考技术B 不知道老兄删除是什么用意,我这里提供一个效果一样的方法,就是将这个DIV隐藏起来。
方法如下。
js里面写上
function hidden()
document.getElementById("dd").style.display="none";
通过单击调用这个js就可以了
比如
<div id="dd" onclick="hidden();">
删掉。。。。
</div>
如果非要删除,就把document.getElementById("dd").style.display="none";
改成document.getElementById("dd").innerHTML="";
就可以了 参考技术C document.getElementById('dd').innerHTML="" //把div里面的内容清空本回答被提问者采纳 参考技术D document.getElementById("dd").innerHTML=""
以上是关于怎么用js删除div里的内容,但不删除div本身的主要内容,如果未能解决你的问题,请参考以下文章