[JS] HTML in Javascript

 

JS와 HTML은 연결되어 있고 JS에서 HTML 변경 가능!

그런데 왜 굳이 JS에서 HTML을 변경해야 할까? 하는 궁금증 생겨서 검색해보니

서버와 통신을 하거나 복잡한 일들을 처리할 때 JS 파일에서 처리하게 되는데 이때 유용하게 쓰일 것이라고 하네요ㅎㅎ

 

---

 

document.getElementBy~

-HTML에서 element를 찾아주는 기능

-element 찾으면 JS로 HTML의 무엇이든 바꿀 수 있음

-getElementById / getElementByCalssName / getElementByTagName 등 있음

 

​

 

document.querySelector()

-가장 많이 사용

-CSS selector 사용하여 검색 가능

-조건 만족하는 것 여러개 있어도 첫번째로 검색된 것만 가져옴

(다 가져오고 싶으면 querySelectorAll 사용하면 됨)

-괄호 안에 "#id" 적으면 id도 가져올 수 있음

​