웹브라우저 자바스크립트 - Node 관계 API

웹브라우저 자바스크립트 - Node 관계 API

JavaScript/생활코딩 2018. 11. 27. 16:47

Node 관계 API - https://opentutorials.org/course/1375/6699

Node 객체가 가지고 있는 프로퍼티들을 사용하기

<!DOCTYPE html>

<html>

<ul>

<li><a href="./534">JavaScript</a>

<ul>

<li><a href="./535">JavaScript Core</a></li>

</ul>

</li>

</ul>

</body>

</html>

해당 html파일을 가지고 콘솔창에서 Node 객체의 관계 프로퍼티들을 확인 할 수 있다.

-> start 변수에 body id 인 start을 이용하여 body전체를 담는다.

-> childNodes를 통해 유사배열 형태를 알 수 있다.

-> 배열로 ul태그를 가져온다.

-> start의 첫번째 자식노드가 text인 이유는 body다음에 ul태그가 줄바꿈을 하였기 때문에 줄바꿈이라는 객체가 있다는 뜻이다.

-> 첫번째 자식노드의 다음 형제노드를 부르면 ul태그를 확인 할 수 있다.

-> ul태그와 script태그도 줄바꿈으로 되어있기 때문에 nextSibling을 두번 입력하면 script태그를 확인 할 수 있다.

인기포스트 MORE POST