https://nomadcoders.co/javascript-for-beginners/lectures/2890
javascript는 html과 연결되어있고 javascript의 (document) 를 이용해서 html을 변경할 수 있다.
document.getElementById("")
해당 id를 가진 element를 불러온다.
document.getElementsByClassName("")
해당 className을 가진 elment
document.getElementsByTagName("")
해당 tag를 불러온다.
document.querySelector(".[classname][tagname]")
("#[ID]")
element를 css 방식으로 불러올 수 있다.
첫번째 element만 가져온다 .
document.querySelectorAll
부합하는 모든 element를 가져온다.
.addEventListener("event", function)
console.dir을 하고 앞에 on이 붙은 요소들은 전부 event에 사용가능
className
classList class들의 목록으로 작성이 가능하다
if(h1.classList.contains(clickedClass)){
h1.classList.remove(clickedClass);
} else{
h1.classList.add(clickedClass);
}
classList.toggle(clickedClass); 를 이용하면 위의 코드를 사용하지 않아도 된다.