列出 Select 的选项在 FF 和 IE 中给出不同的结果

Question

在我的 JavaScript 代码中，我试图列出 Select 的选项（及其值）。这是一段代码（我正在使用 YUI2 库...日志语句只是将文本放入记录器中）：

for (var opt in mySelect.options)
{
  YAHOO.log('my opt, val: ' + opt + ', ' + mySelect.options[opt].value);
}

在 Firefox 中，我得到以下（正确的）输出：

my opt, val: 0, 2
my opt, val: 1, 1
my opt, val: 2, 3
my opt, val: 3, 4
my opt, val: 4, 0

但在 Internet Explorer 7 中，我得到：

my opt, val: language, undefined
my opt, val: scrollHeight, undefined
my opt, val: isTextEdit, undefined
my opt, val: currentStyle, undefined
my opt, val: document, undefined

我是至少可以说有点惊讶。我什至尝试过 (var opt in (mySelect.options)) 并且更改了变量 opt 的名称以防万一。一切都没有改变。

如果我像这样编写循环：

for (var idx=0; idx< mySelect.options.length; idx++)
{
  YAHOO.log('my idx, val: ' + idx + ', ' + mySelect.options[idx].value);
}

那么 IE 也可以正常工作。

为什么第一种方法行不通？我认为 for/in 循环的工作方式与 for 循环相同。

谢谢，

保罗

Answer 1

for / in 循环遍历对象中的每个属性。
您在 Firefox 中看不到这些属性，因为它们被标记为 [DontEnum]。

您应该使用普通的 for 循环来循环数组。
对于普通数组，您可以通过跳过键 if !obj.hasOwnProperty(key) 来摆脱 for / in 循环，但我'我不确定这是否适用于 DOM 对象。