● id 속성으로 특정 태그 선택하기
여러 개의 태그 중에서 특정 태그만 선택하려면 어떻게 해야 할까요? document.querySelector() 메서드를 사용하면 첫 번째 태그만 선택될 텐데 말이죠. 이럴 때를 대비해 다른 선택자가 존재합니다.
다음 코드에서는 span 태그가 2개입니다. 그중에서 첫 번째 span 태그를 선택해 보겠습니다.
<div><span id="order">1</span>번째 참가자</div>
<div>제시어: <span id="word"></span></div>
<input type="text">
<button>입력</button>
<button>버튼2</button>
<button>버튼3</button>
<script>
const $order = document.querySelector('#order');
console.log($order);
</script>