1. document.getElementById(String elementId)
NodeList – ID가 element에 의해 주어지는 요소를 반환함.
<img src=”image.jpg” id=”myImg” />
document.getElementById(“myImg”);
이런식으로 찾아서 사용할 수 있다. Id는 다른 Id와 이름이 겹치면 안된다.
2. document.getElementByTagName(String tagname)
NodeList – 주어진 이름을 갖는 모든 요소들의 NodeList를 그것들이 도큐먼트 트리 안에서 표현되는 순서로 반환함.
<img src=”img0.jpg />
<img src=”img1.jpg />
<img src=”img2.jpg />
document.getElementByTagName(“img”);
이런 식으로 사용된다. 태그이름은 여러번 사용될 수 있으므로 배열에 저장된다.
document.getElementByTagName(“img”)[0];
document.getElementByTagName(“img”)[1];
document.getElementByTagName(“img”)[2];
이렇게 사용될 수 있지만 좀 더 타이핑 하는 수고를 줄이고자 한다면
var img_arr = document.getElementByTagName(“img”);
img_arr[0] // img0
img_arr[1] // img1
img_arr[2] // img2
을 사용할 수 있다.
루트 엘리먼트를 찾으려면 document.documentElement; 를 사용하면 <html> 태그를 가져온다.
3. document.getElementByTagNameNS(String namespaceURI, String localName)
NodeList – 주어진 이름과 네임스페이스 URI를 갖는 모든 요소들의 NodeList를 그것들이 도큐먼트 트리 안에서 표현되는 순서로 반환함.
특정 이름공간속에 속한 요소를 찾아내어 반환. 이라고 하는데 거의 사용되지 않는듯..
책을 찾아봐도 딱히 설명도 없고……-_-;; 요놈은 그냥 패스.
'JavaScript > DOM Script' 카테고리의 다른 글
| 유용한 DOM 프로퍼티 (0) | 2013.01.30 |
|---|---|
| 유용한 DOM 메소드 (0) | 2013.01.30 |
| 속성 다루기. (0) | 2011.08.10 |
