通过 javascript 访问表单元素 - 正确的方法是什么？

Question

我正在开发一个 asp.net 应用程序，我想让它至少与所有 3 种主要浏览器（Internet Explorer、Firefox、Chrome）兼容。

在某些页面中，我需要通过 javascript 访问表单元素。 这样做的正确方法是什么，以便它适用于所有浏览器？

我一直在做这样的事情

document.forms[0].elements["nroErros"].value

例如，访问我的“nroErros”隐藏字段，即使这适用于 IE，它似乎也不能在 Firefox 上正常工作。

所以，问题是，让它始终工作的正确方法是什么？

Answer 1

肯定的方法是给他们一个 ID 并使用document.getElementById或 jQuery $ 选择器。

Answer 2

利用：

document.getElementById('nroErros');

您可能需要考虑 ASP.NET 名称修改，在这种情况下，您会这样做：

document.getElementById('<%= nroErros.ClientID %>');

Answer 3

我建议你使用document.getElementById('nroErros').value

Answer 4

它对我有用：http://jsfiddle.net/6GJsy/

我相信这是最跨浏览器的解决方案（如果您将elements[elementName]替换为elements[elementNumber] ）。

但是，作为替代方案，您可以使用：

document.formname.elementname.value; // simplest IMO
document.forms[formnumber].elements[elementnumber].value; // most cross-browser solution
document.forms[formname].elements[elementname].value;
document.getElementById(elementId).value;
document.getElementByName(elementName).value; // not supported in some browsers