JavaScript 'for in' 语句给出不可预测的结果

Question

我有以下代码:

var images = document.getElementsByTagName('img');

if (screen.width > 640) {
    for (var image in images) {
        image = images[image];

        console.log(image['src']);
    }
}

页面上只有一张图片，但由于某种原因，for ... in 语句在 images 中循环了 3 次。这是为什么？

示例:http://jsfiddle.net/OliverJAsh/C8egs/

Answer 1

您不仅要遍历元素列表，还要遍历命名方法:

• 长度
• 项目
• namedItem

正确的做法是:

for (var i=0; i<images.length; i++) {
    var image = images[i];

    console.log(image['src']);
}

除了使用 document.getElementsByTagName('img')，您还可以使用 document.images .

http://jsfiddle.net/C8egs/2/