<script type="text/javascript">
window.onload = function () {
var headers = document.getElementsByTagName('h1');
//변수 headers 는 문서 객체를 가지는 배열이며 html 페이지의 h1 태그가 순서대로 들어감
for (var i = 0; i < headers.length; i++) {
// 문서 객체의 속성 변경
headers[i].innerHTML = 'With getElementsByTagName()';
}
};
</script>
<body>
<h1>Header</h1>
<h1>Header</h1>
</body>
getElementByName()는 getElementById() 메서드와 달리 한번에 여러개의 문서 객체를 가져올 수 있다
getElementByName()는 배열이므로 반복문을 사용할 수 있지만 for in 반복문을 사용하면
문서 객체 이외의 속성에도 접근하기 때문에 for문 을 사용해야 한다
With getElementsByTagName()
With getElementsByTagName()
'개발개발 > 자바스크립트' 카테고리의 다른 글
| 문서객체모델 ( DOM, Document Object Model) (0) | 2012.08.27 |
|---|---|
| 문서 객체의 스타일 (0) | 2012.08.27 |
| 문서 객체 가져오기(getElementById() ) (0) | 2012.08.27 |
| 문서 객체의 속성(setAttribute (0) | 2012.08.27 |
| 문서 객체 연결 (0) | 2012.08.27 |
