Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- HTML
- 노개북
- 개발자북클럽
- 자바스크립트
- vscode
- CREATE
- 노마드코더
- Kotlin
- 이클립스 설치
- 버전 표시 방법
- Java
- 개발자 번아웃
- 메서드
- while
- 리액트
- react
- JavaScript
- JavaScript 이벤트
- Today I Learned
- break
- CSS
- continue
- VS Code
- til
- MySQL
- 인스턴스
- IT잡학사전
- return
- 제어문
- If
Archives
- Today
- Total
목록DOM (1)
윤제니

DOM('Document Object Model') '문서 객체 모델' 이라하며 document 객체를 의미 HTML 요소(element)를 제어(생성, 삭제 등)하기 위해 사용 HTML 문서가 만들어지면 눈에 보이지 않지만 위의 그림처럼 HTML 요소들을 노드(node)와 노드가 연결된 tree 구조로 만들어 준다. html, head, meta, title, body, h1, p와 같은 태그 요소들 => '요소 노드' 텍스트 => '텍스트 노드' * DOM에 대한 작업 * 먼저 요소를 선택할 수 있어야 한다. 요소를 직접 선택하는 방법 노드와 상대 위치로 선택하는 방법 요소의 선택 1) 요소를 직접 선택하는 방법 메서드 설명 getElementById() document.getElementById("..
JavaScript/JavaScript
2020. 5. 5. 15:28