>웹 프론트엔드 >JS 튜토리얼 >JS document.all 기능 사용 예시_기본지식

JS document.all 기능 사용 예시_기본지식

WBOY
WBOY원래의
2016-05-16 17:06:141168검색

1.
document.all은 페이지에 있는 모든 요소의 모음입니다. 예:
document.all(0)은 페이지의 첫 번째 요소를 나타냅니다.
2.
document.all은 브라우저가 IE
if(document.all){
인지 여부를 확인할 수 있습니다. Alert ("is IE!");
}
3.
id 속성(id=aaaa)을 요소에 설정한 다음 document.all.aaaa를 사용하여 요소를 호출할 수도 있습니다. >4 .
사례:

코드 1:

코드 복사 코드는 다음과 같습니다. 🎜>
<입력 이름=aaa 값=aaa>
<입력 ID=bbb 값=bbb>
<스크립트 언어=Jscript> aaa.value) / /이름을 기준으로 값 가져오기
alert(document.all.bbb.value) //id를 기준으로 값 가져오기



코드 2 :
그러나 종종 이름은 동일할 수 있습니다(예: 사용자의 여러 취미를 얻기 위해 체크박스를 사용)



코드 복사 코드는 다음과 같습니다. <입력 이름=aaa 값=a1>
<입력 이름=aaa 값=a2>
<입력 ID=bbb 값 =bbb>
alert(document.all.aaa(0).value) //a1 표시
alert(document.all.aaa(1).value) / /Display a2
alert(document.all.bbb (0).value) //이 코드 줄은 실패합니다



코드 3:
이론적으로 페이지의 ID는 서로 다릅니다. 서로 다른 태그의 ID가
document.all.id이면 다음과 같이 실패합니다.



🎜>


코드 4 :
복잡한 페이지(코드가 너무 길거나 프로그램에서 ID가 자동 생성되는 경우)나 JavaScript 초보자가 작성한 프로그램의 경우 두 태그가 동일한 ID를 가질 가능성이 매우 높습니다. .
프로그래밍 시 오류를 방지하려면 다음과 같이 작성하는 것이 좋습니다.




코드 복사
코드는 다음과 같습니다. <입력 id=aaa 값=aaa1> <입력 id=aaa 값=aaa2> <입력 이름=bbb 값=bbb> 입력 이름=bbb값=bbb2>

경고(document.all ("aaa",0).value)
alert(document.all("aaa",1).value)
alert(document.all("bbb",0).value )
alert(document.all("bbb",1).value)
alert(document.all("ccc",0).value)
alert(document.all("ddd", 0).값)


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:keycode_jquery를 가져오는 jquery 샘플 코드다음 기사:keycode_jquery를 가져오는 jquery 샘플 코드

관련 기사

더보기