LEVEL 41 QUEST

DOM 요소 선택

querySelector와 getElementById로 HTML 요소를 선택하는 방법을 배웁니다.

DOM 요소 선택이란?

HTML 요소에 접근하기

JavaScript로 웹 페이지를 조작하려면 먼저 요소를 선택해야 합니다.

마치 물건을 옮기려면 먼저 손으로 잡아야 하는 것처럼요!

getElementById

// HTML: <div id="myBox">안녕하세요</div>

const box = document.getElementById('myBox');

// 이제 box 변수로 해당 요소를 조작할 수 있어요!
box.style.color = 'red';
box.textContent = '색깔이 변했어요!';
    

특징

- id 속성으로 요소를 찾습니다
- id는 페이지에서 유일해야 합니다
- 가장 빠른 선택 방법입니다

🔒

여기까지는 미리보기입니다

DOM 요소 선택
무료 가입하면 이어서 볼 수 있고, 강의를 완료할 때마다 XP와 레벨이 쌓입니다.

Google로 3초 만에 시작 →🧵 Threads로 시작 무료 공개 강의 둘러보기 (Lv.1~3)