JavaScript (8) querySelector 함수

querySelector()

DOM(html태그)에 접근하는 함수

하나의 태그에 접근하는 함수

 

 

querySelectorAll()

DOM(html태그)에 접근하는 함수

여러개의 태그에 접근하는 함수

 

---

예시 1)

변수에 저장 => let elements = document.querySelectorAll("ul li")  <=  li태그가 많을때

따라서 elements에는 여러개의 li(배열)이 들어간다.

 

 

예시 2)

let elements = document.querySelectorAll("ul li");

for(let i = 0; i < elemets.length; i++) {

 

document.querySelectro("#id선택자").innerHTML += elements[i].innerHTML + "<br/>";

 

}

==

한마디로 elements배열을 id선택자 태그 안의 innerHTML(문자열)에 하나씩 넣는다

+

<br/>줄바꿈