1.getElementById()
getElementById()는 DOCUMENT의 특정 요소에 접근할 수 있다. 이름에서 알 수 있듯이 ID를 통해 요소를 얻기 때문에 ID가 설정된 요소에만 접근할 수 있다.
예를 들어 ID가 docid인 DIV가 있습니다.
프로그램 코드
<div id=docid></div>
그런 다음 getElementById(docid)를 사용하여 이 요소를 가져올 수 있습니다.
2.getElementsByName()
이는 NAME을 통해 요소를 가져오는 것인데, 이것이 GET ELEMENTS라는 것을 눈치채셨는지 궁금합니다. 복수형 ELEMENTS는 얻은 것이 요소가 아니라는 의미입니다.
DOCUMENT의 각 요소의 ID는 고유하지만 NAME은 반복될 수 있기 때문입니다. 비유하자면, 사람의 주민등록번호는 고유하지만(이론적으로는 중복되지만 실제로는 중복되는 경우가 있음) 중복되는 이름이 많다는 것과 같습니다. 문서인 경우
동일한 이름을 가진 태그가 두 개 이상 있는 경우 getElementsByName()은 이러한 요소를 가져와 배열을 형성할 수 있습니다.
예를 들어 두 개의 DIV가 있습니다.
프로그램 코드
<div 이름=docname id=docid1></div>
<div 이름=docname id=docid2></div>
그런 다음 getElementsByName(docname)을 사용하여 이 두 DIV를 얻고, getElementsByName(docname)[0]을 사용하여 첫 번째 DIV에 액세스하고, getElementsByName(docname)[1]을 사용하여 두 번째 DIV에 액세스할 수 있습니다.
3. getElementsByTagName()
TAGNAME(태그 이름)을 통해 요소를 가져오는 방법입니다. 물론 DOCUMENT도 동일한 태그를 가지므로 이 방법도 배열을 가져옵니다.
다음 예에는 두 개의 DIV가 있습니다. getElementsByTagName(div)을 사용하여 첫 번째 DIV에 액세스합니다.
getElementsByTagName(div)[1]은 두 번째 DIV에 액세스합니다.
표준 DOM을 요약하면 표준 getElementById()를 사용하여 특정 요소에 액세스하고 표준 getElementByTagName()을 사용하여 태그에 액세스하려고 합니다. 그러나 IE는 getElementsByName()을 지원하지 않으므로 사용을 피해야 합니다.
getElementsByName(), 그러나 getElementsByName() 및 비표준 document.all[]은 쓸모가 없습니다. 사용 여부는 웹사이트 사용자가 사용하는 브라우저에 따라 다릅니다.