> 웹 프론트엔드 > JS 튜토리얼 > document.all_Basic 지식의 비교적 완전한 요약 및 사례

document.all_Basic 지식의 비교적 완전한 요약 및 사례

WBOY
풀어 주다: 2016-05-16 17:42:28
원래의
977명이 탐색했습니다.

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:
코드 복사 코드는 다음과 같습니다.




alert(document.all.aaa.value) / /이름을 기준으로 값 가져오기
alert(document.all.bbb.value) //ID를 기준으로 값 가져오기


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






코드 3 :
이론적으로 페이지의 ID는 서로 다릅니다. 즉, 서로 다른 태그의 ID가 동일한 경우
document.all.id는 다음과 같이 실패합니다.
코드 복사 코드는 다음과 같습니다.




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


<입력 id=aaa 값=aaa1>
<입력 id=aaa 값=aaa2>
<입력 이름=bbb 값=bbb> 입력 이름=bbb 값=bbb2>


경고 .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). 값)


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿