while(){}是一个循环语句,
child 是一个变量,但未赋值,
$el 是一个dom元素, $el = document.queryselector('第一个个div')
fragment是我创建的一个文档碎片 fragment = document.createDocumentFragment()
while没有break和return,竟然自己就终止了
<body>
<div>
<div>
<div></div>
</div>
</div>
<script>
var i;
var j = 1;
var $el = document.querySelector('div')
var fragment = document.createDocumentFragment()
console.log(typeof (fragment))
let child;
while (child = $el.firstChild) {
console.log(child)
fragment.append(child)
console.log(j)
j++
if (j > 9) {
console.log('结束break')
}
}
结果是在第三次就已经结束了
后面才知道,原来dom元素只有能有一个,赋值给别的dom元素或者文档碎片的话,原来的dom元素就会消失,所以导致无法迭代,while自己就解除了.