如何清除HTML文档中的所有内容?

时间:2015-07-30 18:20:05

标签: javascript dom

如何清除文档中写的所有内容?是否有DOM JavaScript API会删除文档对象缓冲区中的所有内容;相当于服务器端Response.Clear()

我只是练习JavaScript。

3 个答案:

答案 0 :(得分:3)

您可以使用以下命令删除根(html)元素:

document.querySelector('html').remove();
如果你有一个非常古老的浏览器,那么<​​p>或jQuery等价物:

$('html').remove();

答案 1 :(得分:2)

这是一个不需要查询的替代方案:

document.documentElement.remove(); 

答案 2 :(得分:1)

“文档对象的缓冲区”是什么意思?实际可见内容通常包含在正文中,因此您可以将其清空:

document.body.innerHTML = null;

服务器端预处理器语言中没有缓冲区,因为DOM文档完全是客户端呈现的。

您甚至可以擦除所有文档的后代,清除<html>元素:

document.getElementsByTagName('html').item(0).innerHTML = null;

另外,如果您不喜欢innerHTML,也可以使用textContent

document.head.textContent = null;

这是因为,引用MDN:

  

在节点上设置此属性将删除其所有子节点,并将其替换为具有给定值的单个文本节点。