- Node.childNodes
자식노드들을 유사배열에 담아서 리턴한다. - Node.firstChild
첫번째 자식노드 - Node.lastChild
마지막 자식노드 - Node.nextSibling
다음 형제 노드 - Node.previousSibling
이전 형제 노드
<body id="start">
<ul>
<li><a href="./532">html</a></li>
<li><a href="./533">css</a></li>
<li><a href="./534">JavaScript</a>
<ul>
<li><a href="./535">JavaScript Core</a></li>
<li><a href="./536">DOM</a></li>
<li><a href="./537">BOM</a></li>
</ul>
</li>
</ul>
<script>
var s = document.getElementById('start');
console.log(1, s.firstChild); // #text
var ul = s.firstChild.nextSibling
console.log(2, ul); // ul
console.log(3, ul.nextSibling); // #text
console.log(4, ul.nextSibling.nextSibling); // script
console.log(5, ul.childNodes); //text, li, text, li, text, li, text
console.log(6, ul.childNodes[1]); // li(html)
console.log(7, ul.parentNode); // body
</script>
</body>
==>결과
1 #text -> Body 와 ul 사이에 잇는 것이 body에 첫번째 자식 공백, 줄바꿈 등등
(index):24 2 ul
(index):25 3 #text
(index):26 4 script
(index):27 5 [text, li, text, li, text, li, text]
(index):28 6 li
(index):29 7 body#start
'오락기 > js' 카테고리의 다른 글
| node + callback (0) | 2017.04.18 |
|---|---|
| Node Type (0) | 2017.04.18 |
| jQuery selector (0) | 2017.04.18 |
| jQuery attribute (0) | 2017.04.18 |
| Element Attribute (0) | 2017.04.17 |