DOM 2

문서 객체 모델 (DOM)

문서 객체 모델 (Document Object Model) JS를 이용하여 웹 문서에 접근하고 제어할 수 있도록 객체를 사용해 웹 문서를 체계적으로 정리하는 방법 ∴ DOM은 웹 문서와 그 안의 모든 요소를 객체로 인식 DOM 트리 DOM은 문서 안의 요소뿐만 아니라 각 요소에서 사용한 내용과 속성도 자식으로 인식 노드 : DOM 트리에서 가지가 갈라져 나간 항목 루트 노드 : DOM 트리의 시작 부분 또한 부모와 자식, 형제 간으로 표현 가능 부모 노드에는 자식 노드가 존재 부모 노드가 같은 형제 노드도 존재 제목입니다 위 예시에서 html 요소 : head, body의 부모이며 루트 노드 head, body : 서로 형제이며 html의 자식이며 부모 노드 meta, title : 서로 형제이며 hea..

JAVASCRIPT 2023.08.24

객체

객체 프로그램에서 인식할 수 있는 모든 대상 자바스크립트에서 사용하는 객체 ① 문서 객체 모델 (DOM) : 웹 문서 자체, 그 안의 이미지, 링크, 텍스트 등 모두 객체 ② 브라우저 관련 객체 : 웹 브라우저에서 사용하는 정보 모두 객체 (window, navigator, history, location, screen) ③ 내장 객체 : 자바스크립트 안에 미리 객체로 정의된 것 (Array, Date, Math 등) 객체의 인스턴스 만들기 객체는 참조 형태로 사용 ==> 객체 자체가 아니라 인스턴스의 형태로 만들어서 사용 (new 예약어를 이용) 객체 = 틀 인스턴스 = 그 틀을 기본으로 같은 모양을 찍어내는 것 let now = new Date(); // new 예약어로 Date 객체의 인스턴스 생성..

JAVASCRIPT 2023.03.14