JavaScript querySelector 사용하기
수정하기
문서 생성 2022-11-04 13:33:21 최근 수정 2022-11-04 13:35:05
data 어트리뷰트를 가진 요소 가져오기
특정 data 어트리뷰트를 가진 요소를 querySelector로 가져올 수 있다.
const padosum = document.querySelector('[data-name="padosum"]')const people = document.querySelectorAll('[data-name]')// 'mg'로 시작하는 data-id를 가진 요소const mg = document.querySelector('[data-id^="mg"]')// 'er'로 끝나는 data-id를 가진 요소const er = document.querySelector('[data-id$="er"]')// 'box'를 포함하는 data-id를 가진 요소const boxes = document.querySelectorAll('[data-id*="box"]')
required attribute를 가진 요소 가져오기
const required = document.querySelectorAll('[required]');