DoM 2

[자바스크립트] 노드(Node) 개요, 종류, 사용법

1) 노드(Node)란? - HTML DOM은 노드라고 불리는 계층적 단위에 정보를 저장한다. - HTML DOM은 이러한 노드들을 정의하고 그들 사이의 관계를 설명해주는 역할을 한다. - HTML 문서의 정보는 노드트리(node tree)라고 불리는 구조에 저장된다. - 노드트리는 노드들의 집합이며 노드간의 관계를 보여준다. 2) 노드(Node)의 종류 1. 문서노드(document node) HTML 문서 전체를 나타내는 노드이다. 2. 요소 노드(element node) 모든 HTML 요소는 요소 노드이며, 속성 노드를 가질 수 있는 유일한 노드이다. 3. 속성 노드(attribute node) 모든 HTML 요소의 속성은 속성 노드이며, 요소 노드에 관한 정보를 가지고 있다. 4 텍스트 노드(te..

[자바스크립트] 문서 객체 모델(Document Object Model, DOM), Document 객체 메소드

1) 문서 객체 모델(Document Object Model, DOM)이란? - xml이나 html문서에 접근하기 위한 일종의 인터페이스를 뜻한다. - 문서 내에 모든 요소를 정의하고 요소에 접근하는 방법을 제공한다. 초간단 문서 간단한 문서 2) Document 객체란? - 웹 페이지 자체를 의미한다. - 웹 페이지상에 존재하는 HTML 요소에 접근할 때는 반드시 document 객체로부터 시작한다! 3) Document 객체의 메소드 1. document.getElementsByTagName( ) : 해당 태그 이름의 요소를 모두 선택한다. 배열로 값이 들어간다. const tag = document.getElementsByTagName('h2'); // 괄호 안에 따옴표 내부에 태그 적어주기 2. ..

반응형