본문 바로가기

DOM2

JS_문법 (8)_DOM CRUD 파헤치기 Create Read Update Delete HTML 찾기 - doucument.getElementById(id명) : id로 찾기 - doucument.getElementsByTagName(태그명) : 태그로 찾기(배열로 반환) - doucument.getElementsByClassName(클래스명) : 클래스로 찾기(배열로 반환) - document.querySelector(css 선택자) : css 선택자로 찾기(최초등장 하나만 반환) - document.querySelectorAll(css 선택자) : css 선택자로 찾기(모든 요소. 배열 형태의 객체(유사배열)로 반환) (인수로 css 선택자를 전달한다. ' . '(class), ' # '(id), ' * '(all), (tag는 prefix.. 2022. 2. 24.

JS_문법 (7)_DOM / BOM DOM Document Object Model의 약자이다 Document = HTML 전체 코드 Object = HTML 태그 DOM은 객체를 가져와서 변수에 넣고 변수or메서드를 이용해 추가, 변경, 삭제 등의 제어를 하는 것을 말한다. (한줄요약) document라는 객체가 만들어지고 그 안의 여러가지 것들을 제어하는 것 웹브라우저 동작 과정 | 1 | HTML파일 가져오기 | 2 | 가져온 HTML파일을 파싱하여 DOM tree 생성 (태그를 기반으로 하여 분석!) CSS 정보 파싱하여 CSSOM tree 생성 | 3 | DOM/CSSOM tree를 기반으로 Render tree 생성 | 4 | Render tree를 기반으로 렌더링을 한다. 웹브라우저 동작과정 & JS 이번에는 JS가 첨가된 경우.. 2022. 2. 23.

이전 1 다음

티스토리툴바