집 >
웹 프론트엔드 >
JS 튜토리얼 >
javascript getElementsByName() 사용법 안내_기본지식
javascript getElementsByName() 사용법 안내_기본지식
WBOY
풀어 주다: 2016-05-16 18:48:54
원래의
1348명이 탐색했습니다.
살펴보겠습니다: oEle= document.all.aaa ;//여기에 aaa 개체가 있지만 현재 길이가 얼마인지 모르므로 해당 개체에 대해 작업을 수행할 수 없습니다. 먼저 길이를 판단하는 방법은 다음과 같습니다. if(oEle.length){}else{} 두 경우 모두 중괄호 안의 내용이 다르게 작성됩니다.
if(oEle.length){ for(var i = 0 ;ioEle[i].value..... } } else{ oEle.value..... }; 그런데 이렇게 작성하면 너무 복잡하지 않나요? 그리고 중괄호 안에 코드가 많으면 헷갈리더라구요~ 다행히도 document.getElementsByName()이 하나와 여러 개를 동일한 방식으로 처리합니다.
oEle = document.getElementsByName('aaa')을 사용하여 을 참조할 수 있습니다. oEle이 1개이면 oEle[0]입니다. 여러 개가 있는 경우 아래 첨자 방법인 oEle[i]를 사용하여 루프에서 가져옵니다. 그것은 언급할 가치가 있습니다. 그러나 이는 문서 객체에만 적용할 수 있습니다. 따라서 더 넓은 범위의 객체에 적용할 수 있는 또 다른 방법이 있습니다. 예를 들어 < DIV ID='aaa'>< input/>...
DIV의 모든 입력을 가져오려면 다음과 같이 작성하세요. aaa.getElementsByTagName( 'INPUT') 이렇게 하면 유효한 DIV와 다른 DIV를 구별할 수 있습니다(예를 들어 동일한 입력을 갖는 bbb라는 DIV가 있습니다). getElementsByTagName에 해당하면 document.body.all도 있습니다. 이 메서드의 개체는 getElementsByTagName보다 훨씬 작지만 getElementsByName보다 큽니다. 여기서 문서 개체에서만 사용할 수 있는 getElementById도 언급해야 하며 태그의 첫 번째 요소를 반환합니다. 배열, 하하, 메소드 이름에는 getElements가 아닌 getElement라고 명시되어 있으니 혼동하지 마세요.