Javascript 遍历NodeList

1. 单独遍历键: NodeList.prototype.keys();

var children = document.body.childNodes;

for (var key of children.keys()) {
    
    
  console.log(key);
}
// 0
// 1
// 2
// ...

2. 单独遍历值: NodeList.prototype.values();

var children = document.body.childNodes;
for (var value of children.values()) {
    
    
  console.log(value);
}
// #text
// <script>
// ...

3. 遍历键值对: NodeList.prototype.entries();

var children = document.body.childNodes;
for (var entry of children.entries()) {
    
    
  console.log(entry);
}
// Array [ 0, #text ]
// Array [ 1, <script> ]
// ...

4. 把NodeList转化为Array遍历

var children = document.body.childNodes;
Array.from(children).forEach(it => {
    
    
 console.log(entry);
})
// #text
// <script>
// ...