javascript - firefox 不按名称获取元素

Question

这段代码似乎不适用于 Firefox，但它在 Chrome 和 IE 上运行没有任何问题:

f = document.forms["form1"];
var nombre = f.elements.item("nombre").value;
var email = f.elements.item("email").value;
var coment = f.elements.item("coment").value;

它不是为变量分配相应的值，而是为所有变量重复相同的值，因此假设输入 nombre 的值为 john, email 和 comment 也会有 john 即使在表单的输入框中值不同。

那么如何相应地检查这些值？

Answer 1

这样做:

var f = document.getElementById( 'form1' );
var nombre = f.elements.namedItem( 'nombre' ).value;
var email = f.elements.namedItem( 'email' ).value;
var coment = f.elements.namedItem( 'coment' ).value;

现场演示: http://jsfiddle.net/PQB4q/1/