JS와 HTML
- console에서 JS로 HTML을 불러오고 property를 변경할 수 있다.
QuerySelector()
JS에서 HTML의 element를 검색하는 방법.
- element를 css 방식으로 검색할 수 있다.
- 여러개의 element가 있는 경우 첫번째 element만을 보여준다.
- querySelectorAll : 모든 element를 검색할 때 사용한다.
(array로 element를 보여준다.)
document.querySelector(selector);
/* querySelector를 사용할 때는, ()안에 찾고자하는 element의 class(or id)와
tag를 명시해줘야 한다.*/
ex)
const title = document.querySelector(".hello");
/* "hello"라는 class를 사용하는 첫번째 element를 반환한다. */
const title = document.querySelector("h1.hello span[name=byebye]");
/* class가 ""hello"인 h1 안의, 이름이 "byebye"인 span 중 첫번째 element를
반환한다. */CreatElement()
JS에서 HTML element를 생성한다.
ex)
document.createElement("img");
/* html 내에 img tag 생성. */