javascript를 통해 양식 요소에 액세스 - 올바른 방법은 무엇입니까?

Question

asp.net 응용 프로그램을 개발 중이며 적어도 3 가지 주요 브라우저 (Internet Explorer, Firefox, Chrome)와 호환되도록하고 싶습니다.

일부 페이지에서는 javascript를 통해 양식 요소에 액세스해야합니다. 모든 브라우저에서 작동하도록 올바른 방법은 무엇입니까?

나는 예를 들어 내 "nroErros"숨겨진 필드에 액세스하고이 IE에서 작동하더라도, 파이어 폭스에서 제대로 작동하지 않는 것이

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

같은 것을하고있다.

그래서 문제는 항상 올바르게 작동시키는 올바른 방법은 무엇입니까?

Answer 1

그것은 나를 위해 작동합니다 : http://jsfiddle.net/6GJsy/

나는 이것이 브라우저 솔루션 (elements[elementName]을 elements[elementNumber]으로 바꾼 경우).

그러나, 대안으로 다음과 같이 사용할 수 있습니다 http://www.quirksmode.org/js/dom0.html#link9 <

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 

Answer 2

확실한 방법은 ID를 부여하고 document.getElementById 또는 jQuery $ selector를 사용하는 것입니다.

Answer 3

사용 :

document.getElementById('nroErros'); 

당신은 어떤 경우에 당신이 할 것, ASP.NET 이름 맹 글링을 설명해야 할 수도 있습니다

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

Answer 4

내가 사용하는 것이 좋습니다 것입니다 document.getElementById('nroErros').value