▶.querySelector()
CSS 선택자와 일치하는 문서 내 첫 번째 요소를 반환한다.
일치하는 요소가 없으면 null을 반환한다.
document.querySelector( 'selector' )Happy 클래스 명을 가진 첫 번째 요소의 배경색을 핑크색으로 바꿔보자
<body>
<p class="Happy">나는 너무 행복해!</p>
<p class="Happy">나는 너무 행복해!</p>
<p class="Happy">나는 너무 행복해!</p>
<script>
document.querySelector(".Happy").style.backgroundColor='pink';
</script>
</body>- 짜잔!
블로그 이전했습니다!