HTML 엘리먼트를 찾으려면?

① getElementById - id로 찾기

💡 해당하는 id를 가진 요소를 반환한다.

<script>
document.getElementById("String");
</script>

② querySelector - CSS 선택자로 찾기

💡 CSS 선택자(.클래스, #아이디 등)를 이용하여 해당하는 선택자를 가진 요소를 반환한다.

<script>
document.querySelector(".hello h1");
</script>

• 동일한 요소가 여러 개인 경우에는 첫번째 요소만을 반환함.
• 동일한 여러 개의 요소를 모두 받고 싶을 때는 querySelectorAll("") 을 사용해서 array로 받는다.