Skip to content

Tags

On this page

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]');