删除div中的内容 ，但是保留这个div 怎么办？求js方法！！！

Posted 2023-03-23

我想删除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=""