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 и coment также будут иметь 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/

Answer 2

Вы также можете попробовать

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