자바스크립트4 DOM

DOM이란?

Document Object Model의 약자로 Javascript와 HTML+CSS 사이의 인터페이스를 의미해요.

Important Selector Methods.

document.getElementById();
document.getElementsByClassName()
document.getElementByTagName(); //ex. <li>, <h1>
document.querySelector(); // first element
document.querySelectorAll();

사용법 예시

//SELECT
var tag = document.getElementById("highlight");

tag.style.color = "blue";
tag.style.border = "10px solid red";
tag.style.fontSize = "70px";
tag.style.background = "yellow";
tag.style.marginTop = "200px";
//tag.textcontent : 텍스트만을 가져옴
//tag.innerHTML : <></> 태그도 가져옴

https://velog.io/@hyounglee/TIL-14