通過 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