HTML 태그에 접근 방법
document에 접근하여 태그를 가져오면 태그는 많은 속성들이 있는데 이를 변경해줄 수 있다. style , events , innerText 등 정말 많은 요소의 속성을 변경해줄 수 있다.
document.getElementById
속성 id를 기준으로 Element를 가져올 수 있다.
const h1 = document.getElementById("title")getElementsTagName
해당되는 태그들을 가져올 수 있다. 만약 해당되는 태그가 여러 개일 경우 배열로 반환된다.
const tag = document.getElementsByTagName("h1")getElementsClassName
해당 클래스 이름을 가지고 있는 태그들을 모두 가져온다. 하나 이상일 경우 배열을 반환한다.
const classTags = document.getElementsClassName('title')querySelector
제일 많이 사용되는 method이다. css selector를 이용하여 class , id , tag를 가져올 수 있다.
const selector = document.querySelector("#title") // id
const selector = document.querySelector(".title") // class
const selector = document.querySelector("h1") // tag❗ 저작권 및 참고
'Programming > Javascript' 카테고리의 다른 글
| [Javascript] Events Listener (0) | 2022.08.04 |
|---|---|
| [Javascript] Expression, Statement (0) | 2022.08.02 |