Javascript 객체(문서 객체모델(DOM),브라우저 객체모델(BOM) ,내장객체)

728x90

내장 객체 - (String, Date, Array, Math)

: 자바스크립트 엔진에 내장되어 있어 필요한 경우에 생성해서 사용할 수 있습니다.

브라우저 객체 모델 (BOM) - (window, screen, location, history, navigator

: 브라우저에 계층 구조로 내장되어 있는 객체

문서 객체 모델(DOM)

1. HTML 문서 구조 - 최상위 객체로 '<html>' 이 있으며, 그 하위 객체'<head>, <body>'가 있습니다.

2. 웹 화면에 보이는 요소를 조작하기 위한 기능으로 가득 찬 라이브러리 덩어리들

1. Node

: 노드를 다루는 기본 메서드, 프로퍼티 제공함, 노드를 탐색하고 조작할 수 있음.

2. Document

: Text노드, Element노드, Attribute노드를 생성할 때 사용, 노드를 생성하는 팩토리 메서드로 구성됨.

3. Element

: html, xml 태그 요소의 기본 메서드, 프로퍼티 제공, Node의 한 종류(=Node 객체의 자식), 속성과 이벤트를 제어하고 싶다면 Element를 이용

4. HTMLDocument

: Document 객체를 확장, html용 프로퍼티와 메서드를 추가한 객체. '<body>'가 바로 이 객체의 프로퍼티

HTML문서 전용 Document객체
'<body>' 와 같은 html문서 전용 프로퍼티와 메서드가 포함됨
html 페이지 로딩 후 파싱단계에서 만들어진 html, head, body 객체를 비롯하여 페이지에 작성된 태그와 1:1로 매칭 되는 모든 노드 객체를 가지고 있는 객체

5. HTMLElement

: Element객체를 상속받은 html 태그 요소 전용, html태그 요소의 기본기능과 프로퍼티를 제공

id, className, style등이 이 객체

6. Text

: 텍스트를 다루는 기능

7. Attribute

: 속성을 다루는 기능

728x90

타입스크립트 입문, 기본 문법 (0)	2023.09.22
Array의 헷갈리는 메소드 정리(Array.from, arr.sort, arr.shift, arr.unshift) (0)	2023.09.04
react-query 개념, 기본 문법 (0)	2023.06.01
TypeScript 개념 (0)	2023.03.27
Javascript 반복문 (forEach, map, filter, reduce) (0)	2022.02.09

도전을 밥🍙 먹듯이 하는 개발자