Node 节点属性_nextSibling

Node.nextSibling属性返回紧跟在当前节点后面的第一个同级节点。如果当前节点后面没有同级节点，则返回null

xxxxxxxxxx
// <div id="box1">hello</div><div id="box2">world</div>
var box1 = document.getElementById('box1');
var box2 = document.getElementById('box2');
box1.nextSibling === box2 // true

nextSibling属性可以用来遍历所有子节点

xxxxxxxxxx
var box = document.getElementById('box').firstChild;

while (box !== null) {
  console.log(box.nodeName);
  box = box.nextSibling;
}

实时效果反馈

1. 下列代码中是遍历子元素，划横线处的代码是：

xxxxxxxxxx
var box = document.getElementById('box').firstChild;
while (box !== null) {
  console.log(box.nodeName);
  box = ___;
}

A null

B box.nodeName

C box.nextSibling

D firstChild

答案

1=>C