javascript - 为什么这个脚本没有以无限循环结束？

Question

我试图理解我在互联网上找到的代码。我在while循环中不明白，为什么它不是无限循环。如果更改 calculator.appendChild在其中例如console.log它永远运行。

 window.location.hash = 1;
 var calculator = document.createElement("div");
 calculator.id = "height-calculator";
 while (document.body.firstChild) {
    calculator.appendChild(document.body.firstChild);
 }
 document.body.appendChild(calculator);
 document.title = calculator.clientHeight;

基本上在非空站点中总是有第一个 child ，所以条件总是正确的。有人可以解释为什么它不会永远运行吗？

Answer 1

一个元素只能是 的子元素一个 其他元素。

calculator.appendChild(document.body.firstChild);

只要你附上 document.body.firstChild对于您的计算器，它会自动与 body 分离，因此 body 最终会用完 child 。