> 웹 프론트엔드 > 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라고 명시되어 있으니 혼동하지 마세요.
관련 라벨:
원천:php.cn
이전 기사:jquery imgareaselect는 js와 프로그램을 사용하여 이미지 절단을 실현합니다. 다음 기사:자바스크립트 예정 광고 표시(2개 시간대) [원본]_광고 코드
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
관련 주제
더>
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿