TIL

김승용·2021년 2월 3일
0

DOM(돔)

: Document Object Model

HTML(Document)에 접근하여 Object(JavaScript Object)처럼 HTML을 조작(Manipulation) 할 수 있는 Model이라는 의미를 가짐.
=> DOM을 활용하여 자바스크립트로 HTML을 조작할 수 있다는 의미.

* JavaScripe에서 HTML 조회 방법

  1. getOneTweet = document.getElenmentById('ID명')

  2. queryOneTweet = document.querySelector('#ID명')

  3. (getOneTweet === queryOneTweet) //true

* class, Id안에 'div' 넣는 방법

  1. container(클래스명) = document.querySelector('.container') // Id일 경우 '.'대신 '#'넣기

  2. addDiv = document.createElement('div')

  3. container.append(addDiv)

* 'div'에 내용 넣기

  1. addDiv.textContent = 'dev'; // text넣기
  2. addDiv.classList.add('tweet') // class 값 넣기
  3. container.append(addDiv) //HTML에 넣기
profile
개발 기록

0개의 댓글