나가기
🌐 웹 개발 기초›DOM 조작 — 페이지 제어하기1/8
querySelector로 요소를 선택하고 속성을 변경합니다
javascript
1// 요소 선택 — CSS 셀렉터와 동일!2const title = document.querySelector("h1");3const btn = document.querySelector("#myBtn");4const cards = document.querySelectorAll(".card");56// 텍스트 변경7title.textContent = "새 제목!";89// 스타일 변경10title.style.color = "#4ECDC4";11title.style.fontSize = "2rem";1213// 클래스 추가/제거/토글14btn.classList.add("active");15btn.classList.remove("hidden");16btn.classList.toggle("dark");탭하여 계속 ▸
1 / 8