如何用JavaScript删除页面所有元素？（书签工具开发场景）

要实现删除页面所有元素再将屏幕变红的效果，只需在explode函数中添加清空页面内容的逻辑即可。直接用document.body.innerHTML = ''就能快速移除页面内所有元素，之后设置背景颜色，最后弹出爆炸提示。

修改后的完整代码如下：

javascript: (() => {
  let rando = Math.floor(Math.random() * 10);

  function explode() {
    // 清空页面所有元素
    document.body.innerHTML = '';
    // 将屏幕设为红色
    document.body.style.backgroundColor = 'red';
    // 弹出爆炸提示
    alert('BOOM!');
  }

  alert(`Your computer will explode in ${rando} seconds.`);
  setTimeout(explode, rando * 1000);
})();

关键说明 #

• document.body.innerHTML = ''：通过将body的HTML内容设为空字符串，直接移除页面内所有子元素，实现“摧毁”页面的视觉效果。
• 调整了执行顺序：先清空元素，再设置背景色，最后弹出提示，完全符合你要求的逻辑顺序。

内容的提问来源于stack exchange，提问作者GoudyuGood