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 | 31 |
Tags
- history API
- CSS 박스모델
- 템플릿 문자열
- 코드스테이츠
- HTML요소
- block 박스
- Code States
- display와 visibility
- javascript
- 외계행성의 나이
- 객체지향프로그래밍
- 시맨틱
- overflow: hidden
- BOM
- CSS Object Model
- opacity
- 티스토리챌린지
- Scope
- Til
- placeholder
- github
- 오블완
- section태그와 article태그의 차이점
- 프로그래머스
- flex box
- HTML5문서
- 깃허브
- CSS 스타일
- 스코프
- GIT
Archives
- Today
- Total
목록CSS Object Model (1)
해말그미의 코딩공부

⊙자바스크립트는 웹 문서를 제어하기 위해 개발된 언어이다. 요소의 콘텐츠를 변경, 다른 요소를 추가, 제거하는 등 html 문서를 조작하는 것 ⊙HTML파일을 어떻게 제어할 수 있는 걸까?? 브라우저 안에는 웹 문서를 해석할 수 있는 렌더링 엔진이 있는데 html파일을 한 줄 한 줄 해석하고 해석이 끝나면 이러한 문서를 객체화하여 자바스크립트로 접근할 수 있게 해 준다. 그래서 '문서를 객체화했다'하여 문서 객체 모델 (Document Object Model)이라 한다. ⊙이것을 Dom 트리 라고 하고 각각의 요소를 노드라고 한다. 각각의 노드에 접근해서 제어할 수 있다. 웹 문서를 객체화한 것을 돔이라 한다면 브라우저 자체를 제어할 수 있도록 한 것이 브라우저 객체 모델 (Browser Object M..
카테고리 없음
2023. 3. 13. 15:30