<div class="test1">안녕하세요</div>
<div id="test2">안녕하세요</div>
<script>
document.querySelector(".test1").innerHTML = "안녕";
document.querySelector("#test2").innerHTML = "안녕";
</script>
– querySelector는 최상위 요소만 선택합니다.
<div class="test1">안녕하세요</div>
<div class="test1">안녕하세요</div>
<script>
document.querySelectorAll(".test1")(1).innerHTML = "안녕";
</script>
– querySelectorAll 일치하는 모든 요소를 찾아 ()에 넣습니다.