>  기사  >  웹 프론트엔드  >  js_javascript 기술의 document.getElementByid, document.all 및 document.layers 간의 차이점 소개

js_javascript 기술의 document.getElementByid, document.all 및 document.layers 간의 차이점 소개

WBOY
WBOY원래의
2016-05-16 17:58:331020검색

document.all은 IE 4.0 이상의 독점 속성으로, 페이지에 표시되는 엔터티 개체뿐만 아니라 html 주석 등과 같은 일부 보이지 않는 개체도 포함하여 현재 문서의 모든 개체를 나타내는 그룹입니다. document.all 배열에서 요소는 계층적이지 않으며 문서에 나타나는 순서에 따라 병렬로 나열됩니다. 따라서 숫자 인덱스를 사용하여 모든 요소를 ​​참조할 수 있습니다. 그러나 document.all["element"]와 같이 개체 ID로 특정 개체를 참조하는 데 더 일반적으로 사용됩니다.
document.layers는 Netscape 4.x에만 있는 속성으로

와 같은 저장소에 의해 배치된 모든 요소를 ​​나타내는 배열입니다. 일반적으로
또는 개체의 id 속성으로 참조되지만 다른 요소는 포함되지 않습니다.
사실 이 두 속성은 비교할 수 없을 정도로 동시에 나타나는 경우가 많습니다. 4세대 브라우저가 등장했을 때 표준은 상당히 혼란스러웠습니다. Netscape와 Microsoft는 각각 Navigator 4.x와 IE 4.0을 출시했습니다. 이 두 브라우저의 큰 차이로 인해 개발자는 웹 페이지를 크로스 브라우저 서버로 만드는 문제에 직면하게 되었습니다. 호환성 악몽. Document.layer와 document.all은 각각 두 가지 중 가장 눈에 띄는 표시이며, 뷰어가 어떤 브라우저를 사용하고 있는지 판단하기 위해서는 일반적으로 document.layers와 document.all이 존재하는지 여부로 판단합니다.
새로운 통합 표준은 DOM 개체를 참조하기 위해 document.getElementById와 같은 일련의 메서드를 사용하며 Netscape는 6.0 이후에 레이어 기능을 포기했습니다. IE는 document.all을 계속 유지했지만 이는 궁극적으로 DOM 개체의 일부가 되지 않았습니다. DOM 표준. document.layers와 document.all이 빨리 사라져 표준이 사람들의 마음 속에 깊이 뿌리내릴 수 있기를 바랍니다!
코드 예:

코드 복사 코드는 다음과 같습니다.