如何在JavaScript中删除页面中的每个元素?



我正在尝试制作一个"爆炸"的书签一段时间后你的电脑。我有我需要的一切,除了我想让它删除所有的页面,使它看起来像他们已经被摧毁了爆炸。这是我当前的代码:

javascript: (() => {
let rando = Math.floor(Math.random() * 10);
function explode() {
alert('BOOM!');
document.body.style.backgroundColor = 'red';
}
alert(`Your computer will explode in ${rando} seconds.`);
setTimeout(explode, rando * 1000);
})();

我想从爆炸函数内的页面中删除所有元素,以便它删除所有元素,然后使屏幕变红。

正如Pointy在评论中指出的那样,您可以简单地用document.body.innerHTML = "";覆盖<body>标记中的所有内容。此外,有可能rando被限制到0秒,代码立即运行,这可能不是您想要的,所以我将使用Math.ceil()代替:

(() => {
let rando = Math.ceil(Math.random() * 10);
function explode() {
alert('BOOM!');
document.body.innerHTML = "";
document.body.style.backgroundColor = 'red';
}
alert(`Your computer will explode in ${rando} seconds.`);
setTimeout(explode, rando * 1000);
})();
<p>
test content
</p>

因为你用bookmarklet标记了你的问题,下面是与bookmarklet相同的代码:

javascript:(()=>{let rando=Math.floor(Math.random()*10);function explode(){alert('BOOM!');document.body.innerHTML="";document.body.style.backgroundColor='red'}alert(`Your computer will explode in ${ rando } seconds.`);setTimeout(explode,rando*1000)})();

相关内容

  • 没有找到相关文章

最新更新