getElementsByTagName() 메소드는 태그의 이름을 매개변수로 하여 태그요소의 배열을 반환하는 메소드입니다.
반환된 배열을 통해 노드에 접근하는 예제입니다.
<html>
<head>
<title>Insert title here</title>
<script type="text/javascript">
// 태그요소의 ID를 알아보는 함수. 출력은 경고창으로 나타냄
function textareaNum(){
var tags=document.getElementsByTagName("TEXTAREA"); // TEXTAREA 태그요소를 가진 요소ID들
var tag_length=tags.length; // 요소의 개수
// 화면에 요소들의 ID를 출력하는 부분
for(var i=0; i<tag_length; i++){
var obj=tags[i];
alert!("현재 실행되는 textarea의 아이디는 "+obj.id); // 만약 값을 보고 싶다면 obj.value 를 사용
}
}
</script>
</head>
<body>
<a href="#" onclick="textareaNum();"> 현재 실행되는 textarea의 아이디는 </a></br>
<textarea name="memo0" id="memos0" rows=20" cols="20" style="width:500px; height:200px;">
textarea 개수를 위한 테스트1
</textarea>
<textarea name="memo1" id="memos1" rows=20" cols="20" style="width:500px; height:200px;">
textarea 개수를 위한 테스트1
</textarea>
<textarea name="memo2" id="memos2" rows=20" cols="20" style="width:500px; height:200px;">
textarea 개수를 위한 테스트1
</textarea>
<textarea name="memo3" id="memos3" rows=20" cols="20" style="width:500px; height:200px;">
textarea 개수를 위한 테스트1
</textarea>
</body>
</html>
'Java Script & DOM > HTML DOM' 카테고리의 다른 글
| 객체에 대한 정보를 확인하는 방법 (0) | 2011.01.13 |
|---|---|
| Form 객체 (0) | 2010.12.16 |
| HTML 엘레멘트의 텍스트 노드를 가리키는 innerHTML 속성 (0) | 2010.12.16 |
| HTML DOM을 사용하여 HTML 문서의 노드에 접근하기 (0) | 2010.12.16 |
| HTML 엘레멘트를 나타내는 HTMLElement 객체 (0) | 2010.12.16 |