Question

如何删除包含其所有内容的HTML <body>元素？

var e = document.getElementsByTag('html');
e.removeChild('body');

不起作用。

Answer 1

getElementsByTagName返回节点集合，而不是单个节点
removeChild接受一个节点，而不是包含标记名称的字符串

    var e = document.body;
    e.parentNode.removeChild(e);

...但HTML文档需要一个body元素，因此可能会出现意外行为。

Answer 2

简单的解决方案是

 document.body.innerHTML = "";

但为什么你想要这样做呢？

顺便说一下：

 var e = document.getElementsByTag('html');

应该是

 var e = document.getElementsByTagName('html')[0];

和

 e.removeChild('body');

应该是

 e.removeChild(document.body);

Answer 3

...

document.body.parentNode.removeChild(document.body);

Answer 4

我认为这会将其删除

var html = document.getElementsByTagName('html')[0];
var body = document.getElementsByTagName('body')[0];
html.removeChild(body);

Answer 5

document.body.parentNode.removeChild(document.body)
或
document.body = document.createElement("body")
或
while(document.body.childNodes.length != 0) document.body.removeChild(document.body.childNodes[0])

Answer 6

body本身有一种方法可以做到这一点：

document.body.remove();

Answer 7

试试这个代码，它会在点击按钮时删除 body 标签的所有内容
如果您想删除 onload 内容，请使用此 onload="document.body.innerHTML = '';"

<html>
<body>
This is example Text<br>
<button onclick="document.body.innerHTML = '';">Click me to remove body contents</button>
</body>
</html>

删除body元素

7 个答案: