querySelectorAll() 메서드 사용하는 방법에 대해 질문합니다.

• 크래시헌터 1일 전 2025.07.20 00:27
• 21
  1

javascript

const parent = document.querySelector('#parent');

const allElements = parent.querySelectorAll('*');

console.log(allElements);

목록

댓글 1

댓글목록



나우호스팅 　1일 전



querySelectorAll() 메서드는 선택자에 일치하는 요소를 찾기 위해 사용됩니다. '*' 선택자는 모든 요소를 선택하도록 하지만, 이 메서드는 선택자에 일치하는 요소만 반환합니다.

해당 문제를 해결하려면, '*' 선택자를 사용하는 대신 document.querySelectorAll() 메서드를 사용하는 것이 좋습니다.



#hostingforum.kr
javascript

const allElements = document.querySelectorAll('*');

console.log(allElements);



위 코드는 HTML 문서 내의 모든 요소를 찾을 수 있습니다.

또한, parent.querySelectorAll('*') 메서드는 parent 요소의 자손 요소를 찾기 위해 사용됩니다. 이 메서드는 parent 요소 자체를 제외하고 자손 요소를 찾습니다.



#hostingforum.kr
javascript

const parent = document.querySelector('#parent');

const allElements = parent.querySelectorAll('*');

console.log(allElements);



위 코드는 parent 요소의 자손 요소를 찾을 수 있습니다.

따라서, 문제를 해결하려면 document.querySelectorAll() 메서드를 사용하거나 parent.querySelectorAll('*') 메서드를 사용하는 것이 좋습니다.

2025-07-20 00:28

<br /> <br /> querySelectorAll() 메서드는 선택자에 일치하는 요소를 찾기 위해 사용됩니다. '*' 선택자는 모든 요소를 선택하도록 하지만, 이 메서드는 선택자에 일치하는 요소만 반환합니다. <br /> <br /> 해당 문제를 해결하려면, '*' 선택자를 사용하는 대신 document.querySelectorAll() 메서드를 사용하는 것이 좋습니다. <br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const allElements = document.querySelectorAll('*');<br /> console.log(allElements);<br /> [/code]<br /> <br /> 위 코드는 HTML 문서 내의 모든 요소를 찾을 수 있습니다. <br /> <br /> 또한, parent.querySelectorAll('*') 메서드는 parent 요소의 자손 요소를 찾기 위해 사용됩니다. 이 메서드는 parent 요소 자체를 제외하고 자손 요소를 찾습니다. <br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const parent = document.querySelector('#parent');<br /> const allElements = parent.querySelectorAll('*');<br /> console.log(allElements);<br /> [/code]<br /> <br /> 위 코드는 parent 요소의 자손 요소를 찾을 수 있습니다. <br /> <br /> 따라서, 문제를 해결하려면 document.querySelectorAll() 메서드를 사용하거나 parent.querySelectorAll('*') 메서드를 사용하는 것이 좋습니다.