본문 바로가기

자바스크립트 node api2

[ JavaSript ] 자바스크립트 기본 문법 | 노드 종류 API(nodeType, nodeName) 해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: 노드 종류 API 저번 포스팅에서는 Node 객체가 무엇인지, 노드 객체에서 관계와 관련있는 API는 어떤 것이 있는지 알아봤었습니다. 이번 포스팅은 Node 종류 API 를 알아보도록 하겠습니다. 노드 작업을 하게 되면 현재 선택된 노드가 어떤 타입인지를 판단해야 하는 경우가 있습니다. 이런 경우에 사용할 수 있는 API가 nodeType, nodeName입니다. Node.nodeType node의 타입을 의미합니다. Node.nodeName node의 이름 (태그명을 의미합니다.) Node Type 노드의 종류에 따라서 정해진 상수가 존재합니다. 아래는 모든 노드의 종류.. 2021. 2. 8.
[ JavaScript ] 자바스크립트 기본 문법 | Node 객체(childNodes, firstChild, lastChild, nextSibling...) 해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: Node 객체 소개 Node 객체는 DOM에서 시조와 같은 역할을 합니다. 다시 말해서 모든 DOM 객체는 Node 객체를 상속 받습니다. Node 객체의 위상을 그림으로 나타내면 아래와 같습니다. 주요 기능 Node 객체의 주요한 임무는 아래와 같습니다. 관계 엘리먼트는 서로 부모, 자식, 혹은 형제자매 관계로 연결되어 있습니다. 각각의 Node가 다른 Node와 연결된 정보를 보여주는 API를 통해서 문서를 프로그래밍적으로 탐색할 수 있게 됩니다. Node.childNodes Node.firstChild Node.lastChild Node.nextSibling Node... 2021. 2. 8.