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/>줄바꿈
'JavaScript' 카테고리의 다른 글
JavaScript (9) 화면의 크기 알아보기 (0) | 2023.08.24 |
---|---|
JavaScript (9) Event (addListener()) (0) | 2023.08.22 |
JavaScript (7) DOM (Document Object Model) (0) | 2023.08.21 |
JavaScript (6) Null/undefined (0) | 2023.08.21 |
JavaScript(5) 사용자 정의 함수 , 객체 (0) | 2023.08.21 |