querySelector
Coddy의 JavaScript DOM 메서드 코스 레슨 — 13개 중 8번째.
querySelector() 함수는 **강력한** **CSS와 유사한 선택자**와 일치하는 첫 번째 요소를 선택하며, 복잡한 요소 선택을 위해 이전 메서드보다 더 많은 유연성을 제공합니다. 예시:
const button = document.querySelector("#btn");이것은 btn id를 가진 button 요소에 접근하는 방법입니다.
챌린지
쉬움버튼이 포함된 HTML 코드가 제공됩니다.
JavaScript만 사용하여,
querySelector함수를 사용하여 요소를 가져오세요.style속성을 사용하여backgroundColor를 red로 변경하세요.style속성을 사용하여color를 white로 변경하세요.
직접 해보기
<!DOCTYPE html>
<html>
<body>
<button id="myButton">Click Me</button>
<script src="script.js"></script>
</body>
</html>