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和{{1}即使在表单的输入框中，值也不同，也会有coment。

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

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/

Answer 2

您也可以尝试

var nombre = document.getElementById.item.value; //for example