即使數組長度爲1，傳遞三次循環的速記？

Question

我在外部.js文件這個javascript函數：在專用的html頁面

function init() { 
var v = document.getElementsByTagName('video'),i; 
console.log(v.length); 
    for (i in v) { 
console.log("class:" + v[i].className + "id:" + v[i].id); 
} 
} 
init(); 

和一個視頻元素。這是腳本返回到Chrome控制檯的原因：

1  // v.length 
class:video1id:bigBunny //first pass of for loop 
class:undefinedid:undefined  //?? 
class:undefinedid:undefined  //?? 

爲什麼會發生這種情況？

Answer 1

一個NodeList（由getElementsByTagName返回）不僅具有元素，但兩個附加屬性：

length (the amount of elements) 
item  (to get an element, basically the same as using [i] notation) 

你迭代他們以及和處理，就好像它們是元素。他們不是;他們沒有班級也沒有ID。您應該使用數字for循環（for(var i = 0; i < v.length; i++）。這（不像for in）顯然不能包含這樣的屬性。

Answer 2

無論如何，你應該真的使用傳統的循環。

for(var i = 0; i < v.length; i++) 
{ 
    console.log("class:" + v[i].className + "id:" + v[i].id); 
}