for循環(huán)是可以的。

var nodeList = document.getElementsByTagName('div'); 
for (var i = 0; i < nodeList.length; i++) {
    // code here
    console.log(1);
}

面試官可能更希望你回答出，這是array-like-object 類數(shù)組對象，怎么轉(zhuǎn)換成數(shù)組。再做循環(huán)。

方案一：ES5 Array.prototype.slice.call

var nodeList = document.getElementsByTagName('div'));
var nodeArr = Array.prototype.slice.call(nodeList);
// [].slice.call() 這個(gè)也可以
Array.isArray(nodeArr); // true
nodeArr.forEach(() => {
    console.log(1);
});

方案二：ES6 擴(kuò)展符 ...

// NodeList對象
var nodeArr = [...document.querySelectorAll('div')];
nodeArr.forEach(() => {
    console.log(1);
});

方案三：ES6 Array.from

Array.from(document.querySelectorAll('div')).forEach(() => {
    // code here
    console.log(1);
});

面試官應(yīng)該是想要你說出轉(zhuǎn)成數(shù)組這三種方案。希望對你有幫助~

for 循環(huán)是絕對可以的，估計(jì)并不是面試官所期待的吧。

因?yàn)?document.getElementsByTagName('div') 得到的是類數(shù)組對象，并不是真正的數(shù)組，

可能是希望你將類數(shù)組對象轉(zhuǎn)換成數(shù)組對象，然后用數(shù)組的map forEach等方法吧

MDN上也是用for循環(huán)遍歷的，有什么不妥嗎？MDN

調(diào)用getElementsByTagName , document.childNodes 之類的方法，它們返回NodeList對象都屬于偽數(shù)組。不能應(yīng)用 Array下的 循環(huán)、push 等方法。先轉(zhuǎn)成數(shù)組再處理:

var domNodes = Array.prototype.slice.call(document.getElementsByTagName("div"));
domNodes.forEach(function(){
  //.....
})