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

    document.getElementById(\'test\').innerHTML = \'\';

    jQuery法

    $(\'#test\').empty();//jQuery方法一
    $(\'#test\').html(\'\');//jQuery方法二
参考技术A 不知道老兄删除是什么用意,我这里提供一个效果一样的方法,就是将这个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="";
就可以了
参考技术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本身的主要内容,如果未能解决你的问题,请参考以下文章

JS删除字符串里的样式.

jquery或者JS怎么获取div本身的文本内容

如何将div设置为透明

js如何去掉某个标签里面的内容

请问用CSS如何控制自动隐藏多余的内容?

vue中点击div里的当前元素添加class删除其他兄弟元素的class?