document.querySelectorAll(selector) 메서드는 HTML 문서 내의 요소를 선택할 때 사용됩니다.
selector는 CSS 선택자와 유사하며, HTML 요소를 선택하기 위해 사용됩니다.
예를 들어, id가 'header'인 요소를 선택하고 싶다면, selector를 '#header'로 작성합니다.
id 선택자는 '#' 기호로 시작하며, id 값이 뒤에 오는 경우입니다.
class 선택자는 '.' 기호로 시작하며, class 값이 뒤에 오는 경우입니다.
태그 선택자는 태그 이름으로 시작하며, 해당 태그를 선택하는 경우입니다.
예를 들어, 'div' 태그를 선택하고 싶다면, selector를 'div'로 작성합니다.
자식 선택자는 ' ' 기호로 시작하며, 부모 요소의 자식 요소를 선택하는 경우입니다.
예를 들어, 'div' 태그의 자식 요소를 선택하고 싶다면, selector를 'div > *'로 작성합니다.
형제 선택자는 '~' 기호로 시작하며, 형제 요소를 선택하는 경우입니다.
예를 들어, 'div' 태그의 형제 요소를 선택하고 싶다면, selector를 'div ~ *'로 작성합니다.
속성 선택자는 '[' 기호로 시작하며, 요소의 속성을 선택하는 경우입니다.
예를 들어, 'src' 속성을 선택하고 싶다면, selector를 '[src]'로 작성합니다.
속성 값 선택자는 '=' 기호로 시작하며, 속성 값이 뒤에 오는 경우입니다.
예를 들어, 'src' 속성의 값이 'image.jpg'인 요소를 선택하고 싶다면, selector를 '[src="image.jpg"]'로 작성합니다.
속성 값 선택자는 '!=' 기호로 시작하며, 속성 값이 뒤에 오는 경우입니다.
예를 들어, 'src' 속성의 값이 'image.jpg'가 아닌 요소를 선택하고 싶다면, selector를 '[src!="image.jpg"]'로 작성합니다.
속성 선택자는 '^=' 기호로 시작하며, 속성 값이 뒤에 오는 경우입니다.
예를 들어, 'src' 속성의 값이 'image.jpg'로 시작하는 요소를 선택하고 싶다면, selector를 '[src^="image.jpg"]'로 작성합니다.
속성 선택자는 '$=' 기호로 시작하며, 속성 값이 뒤에 오는 경우입니다.
예를 들어, 'src' 속성의 값이 'image.jpg'로 끝나는 요소를 선택하고 싶다면, selector를 '[src$="image.jpg"]'로 작성합니다.
속성 선택자는 '*=' 기호로 시작하며, 속성 값이 뒤에 오는 경우입니다.
예를 들어, 'src' 속성의 값이 'image.jpg'로 포함되는 요소를 선택하고 싶다면, selector를 '[src*="image.jpg"]'로 작성합니다.
속성 선택자는 '|=' 기호로 시작하며, 속성 값이 뒤에 오는 경우입니다.
예를 들어, 'src' 속성의 값이 'image.jpg'로 시작하거나 끝나는 요소를 선택하고 싶다면, selector를 '[src|="image.jpg"]'로 작성합니다.
속성 선택자는 '==' 기호로 시작하며, 속성 값이 뒤에 오는 경우입니다.
예를 들어, 'src' 속성의 값이 'image.jpg'인 요소를 선택하고 싶다면, selector를 '[src== "image.jpg"]'로 작성합니다.
속성 선택자는 '!=' 기호로 시작하며, 속성 값이 뒤에 오는 경우입니다.
예를 들어, 'src' 속성의 값이 'image.jpg'가 아닌 요소를 선택하고 싶다면, selector를 '[src!= "image.jpg"]'로 작성합니다.
속성 선택자는 '!=' 기호로 시작하며, 속성 값이 뒤에 오는 경우입니다.
예를 들어, 'src' 속성의 값이 'image.jpg'가 아닌 요소를 선택하고 싶다면, selector를 '[src!= "image.jpg"]'로 작성합니다.
속성 선택자는 '^=' 기호로 시작하며, 속성 값이 뒤에 오는 경우입니다.
예를 들어, 'src' 속성의 값이 'image.jpg'로 시작하는 요소를 선택하고 싶다면, selector를 '[src^="image.jpg"]'로 작성합니다.
속성 선택자는 '$=' 기호로 시작하며, 속성 값이 뒤에 오는 경우입니다.
예를 들어, 'src' 속성의 값이 'image.jpg'로 끝나는 요소를 선택하고 싶다면, selector를 '[src$="image.jpg"]'로 작성합니다.
속성 선택자는 '*=' 기호로 시작하며, 속성 값이 뒤에 오는 경우입니다.
예를 들어, 'src' 속성의 값이 'image.jpg'로 포함되는 요소를 선택하고 싶다면, selector를 '[src*="image.jpg"]'로 작성합니다.
속성 선택자는 '|=' 기호로 시작하며, 속성 값이 뒤에 오는 경우입니다.
예를 들어, 'src' 속성의 값이 'image.jpg'로 시작하거나 끝나는 요소를 선택하고 싶다면, selector를 '[src|="image.jpg"]'로 작성합니다.
속성 선택자는 '==' 기호로 시작하며, 속성 값이 뒤에 오는 경우입니다.
예를 들어, 'src' 속성의 값이 'image.jpg'인 요소를 선택하고 싶다면, selector를 '[src== "image.jpg"]'로 작성합니다.
속성 선택자는 '!=' 기호로 시작하며, 속성 값이 뒤에 오는 경우입니다.
예를 들어, 'src' 속성의 값이 'image.jpg'가 아닌 요소를 선택하고 싶다면, selector를 '[src!= "image.jpg"]'로 작성합니다.
속성 선택자는 '^=' 기호로 시작하며, 속성 값이 뒤에 오는 경우입니다.
예를 들어, 'src' 속성의 값이 'image.jpg'로 시작하는 요소를 선택하고 싶다면, selector를 '[src^="image.jpg"]'로 작성합니다.
속성 선택자는 '$=' 기호로 시작하며, 속성 값이 뒤에 오는 경우입니다.
예를 들어, 'src' 속성의 값이 'image.jpg'로 끝나는 요소를 선택하고 싶다면, selector를 '[src$="image.jpg"]'로 작성합니다.
속성 선택자는 '*=' 기호로 시작하며, 속성 값이 뒤에 오는 경우입니다.
예를 들어, 'src' 속성의 값이 'image.jpg'로 포함되는 요소를 선택하고 싶다면, selector를 '[src*="image.jpg"]'로 작성합니다.
속성 선택자는 '|=' 기호로 시작하며, 속성 값이 뒤에 오는 경우입니다.
예를 들어, 'src' 속성의 값이 'image.jpg'로 시작하거나 끝나는 요소를 선택하고 싶다면, selector를 '[src|="image.jpg"]'로 작성합니다.
속성 선택자는 '==' 기호로 시작하며, 속성 값이 뒤에 오는 경우입니다.
예를 들어, 'src' 속성의 값이 'image.jpg'인 요소를 선택하고 싶다면, selector를 '[src== "image.jpg"]'로 작성합니다.
속성 선택자는 '!=' 기호로 시작하며, 속성 값이 뒤에 오는 경우입니다.
예를 들어, 'src' 속성의 값이 'image.jpg'가 아닌 요소를 선택하고 싶다면, selector를 '[src!= "image.jpg"]'로 작성합니다.
속성 선택자는 '^=' 기호로 시작하며, 속성 값이 뒤에 오는 경우입니다.
예를 들어, 'src' 속성의 값이 'image.jpg'로 시작하는 요소를 선택하고 싶다면, selector를 '[src^="image.jpg"]'로 작성합니다.
속성 선택자는 '$=' 기호로 시작하며, 속성 값이 뒤에 오는 경우입니다.
예를 들어, 'src' 속성의 값이 'image.jpg'로 끝나는 요소를 선택하고 싶다면, selector를 '[src$="image.jpg"]'로 작성합니다.
속성 선택자는 '*=' 기호로 시작하며, 속성 값이 뒤에 오는 경우입니다.
예를 들어, 'src' 속성의 값이 'image.jpg'로 포함되는 요소를 선택하고 싶다면, selector를 '[src*="image.jpg"]'로 작성합니다.
속성 선택자는 '|=' 기호로 시작하며, 속성 값이 뒤에 오는 경우입니다.
예를 들어, 'src' 속성의 값이 'image.jpg'로 시작하거나 끝나는 요소를 선택하고 싶다면, selector를 '[src|="image.jpg"]'로 작성합니다.
속성 선택자는 '==' 기호로 시작하며, 속성 값이 뒤에 오는 경우입니다.
예를 들어, 'src' 속성의 값이 'image.jpg'인 요소를 선택하고 싶다면, selector를 '[src== "image.jpg"]'로 작성합니다.
속
2025-06-30 12:28