childNodes
: 문서내 노드 트리에서 모든 요소의 자식에 대한 정보를 가지고 올수 있는 방법
: 모든 형식의 노드를 포함하는 배열을 반환
element.childNodes
ex)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>가족 사진첩</title>
</head>
<body>
<h1>가족 사진</h1>
<ul>
<li><a href="images/dad.jpg" title="멋있는 아빠 사진">아빠</a></li>
<li><a href="images/mom.jpg" title="이쁜 엄마 사진">엄마</a></li>
<li><a href="images/jisu.jpg" title="귀여운 지수 사진">딸</a> </li>
<li><a href="images/jisung.jpg" title="똑똑한 지성 사진">아들</a></li>
</ul>
</body>
<script language="javascript">
var body_el = document.getElementsByTagName("body")[0];
alert(body_el.childNodes);
alert(body_el.childNodes.length);
</script>
</html>
결과 : 얼럿 [boject NodeList] 반환 / 얼럿 3 반환
'웹 프로그래밍 > JAVASCRIPT' 카테고리의 다른 글
| 텍스트 노드 값 변경 nodeValue 프로퍼티 (0) | 2010.04.02 |
|---|---|
| 노드의 종료 값 반환 nodeType 프로퍼티 (0) | 2010.04.02 |
| 이벤트 핸들러를 통한 기본동작 취소 return false; (0) | 2010.04.02 |
| 특정 속성 노드의 값을 바꾸는 setAttribute("속성","값") 메소드 (0) | 2010.04.02 |
| 특정 요소의 속성 값을 참조 getAttribute("인수") 메소드 (0) | 2010.04.02 |