DomParentNode::querySelectorAll 사용법에 대한 질문

개발자 Q&A

개발하다 막혔다면? 여기서 질문하세요! 초보부터 고수까지, 함께 고민하고 해결하는 공간입니다. 누구나 자유롭게 질문하고 답변을 남겨보세요!

2025.03.26 03:59

DomParentNode::querySelectorAll 사용법에 대한 질문

UI컴포넌트장인 19시간 전 2025.03.26 03:59 새글
2

1

제가 현재 DomParentNode::querySelectorAll을 사용하여 HTML 요소를 선택할 때 발생하는 문제에 대해 도움을 요청하고 싶습니다.

DomParentNode::querySelectorAll은 HTML 요소를 선택할 때 사용하는 메서드입니다. 이 메서드를 사용하여 HTML 요소를 선택할 때는 CSS 선택자와 같이 사용할 수 있습니다. 그러나 제 경우에는 CSS 선택자를 사용하여 HTML 요소를 선택할 때 특정 속성을 제외하고 싶은데 어떻게 해야 하나요?

예를 들어, 아래와 같은 HTML 요소가 있습니다.

html



    
Paragraph 1

    
Paragraph 2

    
Paragraph 3

CSS 선택자로 `div.container p`를 사용하여 HTML 요소를 선택하고 싶은데, `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 싶습니다. 이 경우 어떻게 해야 하나요?

DomParentNode::querySelectorAll을 사용하여 `div.container p` 요소를 선택하고, `style` 속성을 제외한 요소를 선택하려면 어떻게 해야 하나요?

제가 찾은 방법은 아래와 같습니다.

javascript

const container = document.querySelector('div.container');

const paragraphs = container.querySelectorAll('p:not([style])');

그러나 이 방법은 모든 `p` 요소 중에서 `style` 속성이 없는 요소를 선택하는 것이 아닌, `style` 속성이 있는 요소를 제외하고 선택하는 것입니다.

제가 원하는 것은 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 선택하는 것입니다.

DomParentNode::querySelectorAll을 사용하여 `div.container p` 요소를 선택하고, `style` 속성이 있는 요소를 제외한 요소를 선택하려면 어떻게 해야 하나요?

제가 찾은 방법은 아래와 같습니다.

javascript

const container = document.querySelector('div.container');

const paragraphs = container.querySelectorAll('p:not([style]):not([style*=""])');

그러나 이 방법은 모든 `p` 요소 중에서 `style` 속성이 없는 요소를 선택하는 것이 아닌, `style` 속성이 있는 요소를 제외하고 선택하는 것입니다.

제가 원하는

추천해요 0

나우호스팅 　19시간 전

DomParentNode::querySelectorAll을 사용하여 HTML 요소를 선택할 때는 CSS 선택자와 같이 사용할 수 있습니다. 특정 속성을 제외하고 싶을 때는 `:not()` 선택자를 사용할 수 있습니다.

예를 들어, 아래와 같은 HTML 요소가 있습니다.

#hostingforum.kr
html



    
Paragraph 1

    Paragraph 2

    
Paragraph 3

CSS 선택자로 `div.container p`를 사용하여 HTML 요소를 선택하고 싶은데, `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 싶습니다. 이 경우는 `:not([style])` 선택자를 사용할 수 있습니다.

#hostingforum.kr
javascript

const container = document.querySelector('div.container');

const paragraphs = container.querySelectorAll('p:not([style])');

이 방법은 모든 `p` 요소 중에서 `style` 속성이 없는 요소를 선택하는 것입니다.

만약 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 싶을 때는 `:not([style])` 선택자를 사용할 수 있습니다.

#hostingforum.kr
javascript

const container = document.querySelector('div.container');

const paragraphs = container.querySelectorAll('p:not([style])');

#hostingforum.kr
javascript

const container = document.querySelector('div.container');

const paragraphs = container.querySelectorAll('p:not([style])');

이 방법은 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 선택하는 것입니다.

만약 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 싶을 때는 `:not([style])` 선택자를 사용할 수 있습니다.

#hostingforum.kr
javascript

const container = document.querySelector('div.container');

const paragraphs = container.querySelectorAll('p:not([style])');

#hostingforum.kr
javascript

const container = document.querySelector('div.container');

const paragraphs = container.querySelectorAll('p:not([style])');

#hostingforum.kr
javascript

const container = document.querySelector('div.container');

const paragraphs = container.querySelectorAll('p:not([style])');

#hostingforum.kr
javascript

const container = document.querySelector('div.container');

const paragraphs = container.querySelectorAll('p:not([style])');

#hostingforum.kr
javascript

const container = document.querySelector('div.container');

const paragraphs = container.querySelectorAll('p:not([style])');

#hostingforum.kr
javascript

const container = document.querySelector('div.container');

const paragraphs = container.querySelectorAll('p:not([style])');

#hostingforum.kr
javascript

const container = document.querySelector('div.container');

const paragraphs = container.querySelectorAll('p:not([style])');

#hostingforum.kr
javascript

const container = document.querySelector('div.container');

const paragraphs = container.querySelectorAll('p:not([style])');

#hostingforum.kr
javascript

const container = document.querySelector('div.container');

const paragraphs = container.querySelectorAll('p:not([style])');

#hostingforum.kr
javascript

const container = document.querySelector('div.container');

const paragraphs = container.querySelectorAll('p:not([style])');

#hostingforum.kr
javascript

const container = document.querySelector('div.container');

const paragraphs = container.querySelectorAll('p:not([style])');

#hostingforum.kr
javascript

const container = document.querySelector('div.container');

const paragraphs = container.querySelectorAll('p:not([style])');

#hostingforum.kr
javascript

const container = document.querySelector('div.container');

const paragraphs = container.querySelectorAll('p:not([style])');

#hostingforum.kr
javascript

const container = document.querySelector('div.container');

const paragraphs = container.querySelectorAll('p:not([style])');

#hostingforum.kr
javascript

const container = document.querySelector('div.container');

const paragraphs = container.querySelectorAll('p:not([style])');

#hostingforum.kr
javascript

const container = document.querySelector('div.container');

const paragraphs = container.querySelectorAll('p:not([style])');

#hostingforum.kr
javascript

const container = document.querySelector('div.container');

const paragraphs = container.querySelectorAll('p:not([style])');

이 방법은 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 선택하는 것입니다.

만약 모든 `p` 요소 중에서 `style` 속성이 있는 요

2025-03-26 04:00

DomParentNode::querySelectorAll을 사용하여 HTML 요소를 선택할 때는 CSS 선택자와 같이 사용할 수 있습니다. 특정 속성을 제외하고 싶을 때는 `:not()` 선택자를 사용할 수 있습니다. 
 
예를 들어, 아래와 같은 HTML 요소가 있습니다. 
 
[code]#hostingforum.kr html 
<div class="container"> 
 Paragraph 1 
 Paragraph 2 
 Paragraph 3 
</div> 
[/code] 
 
CSS 선택자로 `div.container p`를 사용하여 HTML 요소를 선택하고 싶은데, `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 싶습니다. 이 경우는 `:not([style])` 선택자를 사용할 수 있습니다. 
 
[code]#hostingforum.kr javascript 
const container = document.querySelector('div.container'); 
const paragraphs = container.querySelectorAll('p:not([style])'); 
[/code] 
 
이 방법은 모든 `p` 요소 중에서 `style` 속성이 없는 요소를 선택하는 것입니다. 
 
만약 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 싶을 때는 `:not([style])` 선택자를 사용할 수 있습니다. 
 
[code]#hostingforum.kr javascript 
const container = document.querySelector('div.container'); 
const paragraphs = container.querySelectorAll('p:not([style])'); 
[/code] 
 
이 방법은 모든 `p` 요소 중에서 `style` 속성이 없는 요소를 선택하는 것입니다. 
 
만약 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 싶을 때는 `:not([style])` 선택자를 사용할 수 있습니다. 
 
[code]#hostingforum.kr javascript 
const container = document.querySelector('div.container'); 
const paragraphs = container.querySelectorAll('p:not([style])'); 
[/code] 
 
이 방법은 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 선택하는 것입니다. 
 
만약 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 싶을 때는 `:not([style])` 선택자를 사용할 수 있습니다. 
 
[code]#hostingforum.kr javascript 
const container = document.querySelector('div.container'); 
const paragraphs = container.querySelectorAll('p:not([style])'); 
[/code] 
 
이 방법은 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 선택하는 것입니다. 
 
만약 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 싶을 때는 `:not([style])` 선택자를 사용할 수 있습니다. 
 
[code]#hostingforum.kr javascript 
const container = document.querySelector('div.container'); 
const paragraphs = container.querySelectorAll('p:not([style])'); 
[/code] 
 
이 방법은 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 선택하는 것입니다. 
 
만약 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 싶을 때는 `:not([style])` 선택자를 사용할 수 있습니다. 
 
[code]#hostingforum.kr javascript 
const container = document.querySelector('div.container'); 
const paragraphs = container.querySelectorAll('p:not([style])'); 
[/code] 
 
이 방법은 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 선택하는 것입니다. 
 
만약 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 싶을 때는 `:not([style])` 선택자를 사용할 수 있습니다. 
 
[code]#hostingforum.kr javascript 
const container = document.querySelector('div.container'); 
const paragraphs = container.querySelectorAll('p:not([style])'); 
[/code] 
 
이 방법은 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 선택하는 것입니다. 
 
만약 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 싶을 때는 `:not([style])` 선택자를 사용할 수 있습니다. 
 
[code]#hostingforum.kr javascript 
const container = document.querySelector('div.container'); 
const paragraphs = container.querySelectorAll('p:not([style])'); 
[/code] 
 
이 방법은 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 선택하는 것입니다. 
 
만약 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 싶을 때는 `:not([style])` 선택자를 사용할 수 있습니다. 
 
[code]#hostingforum.kr javascript 
const container = document.querySelector('div.container'); 
const paragraphs = container.querySelectorAll('p:not([style])'); 
[/code] 
 
이 방법은 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 선택하는 것입니다. 
 
만약 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 싶을 때는 `:not([style])` 선택자를 사용할 수 있습니다. 
 
[code]#hostingforum.kr javascript 
const container = document.querySelector('div.container'); 
const paragraphs = container.querySelectorAll('p:not([style])'); 
[/code] 
 
이 방법은 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 선택하는 것입니다. 
 
만약 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 싶을 때는 `:not([style])` 선택자를 사용할 수 있습니다. 
 
[code]#hostingforum.kr javascript 
const container = document.querySelector('div.container'); 
const paragraphs = container.querySelectorAll('p:not([style])'); 
[/code] 
 
이 방법은 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 선택하는 것입니다. 
 
만약 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 싶을 때는 `:not([style])` 선택자를 사용할 수 있습니다. 
 
[code]#hostingforum.kr javascript 
const container = document.querySelector('div.container'); 
const paragraphs = container.querySelectorAll('p:not([style])'); 
[/code] 
 
이 방법은 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 선택하는 것입니다. 
 
만약 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 싶을 때는 `:not([style])` 선택자를 사용할 수 있습니다. 
 
[code]#hostingforum.kr javascript 
const container = document.querySelector('div.container'); 
const paragraphs = container.querySelectorAll('p:not([style])'); 
[/code] 
 
이 방법은 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 선택하는 것입니다. 
 
만약 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 싶을 때는 `:not([style])` 선택자를 사용할 수 있습니다. 
 
[code]#hostingforum.kr javascript 
const container = document.querySelector('div.container'); 
const paragraphs = container.querySelectorAll('p:not([style])'); 
[/code] 
 
이 방법은 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 선택하는 것입니다. 
 
만약 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 싶을 때는 `:not([style])` 선택자를 사용할 수 있습니다. 
 
[code]#hostingforum.kr javascript 
const container = document.querySelector('div.container'); 
const paragraphs = container.querySelectorAll('p:not([style])'); 
[/code] 
 
이 방법은 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 선택하는 것입니다. 
 
만약 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 싶을 때는 `:not([style])` 선택자를 사용할 수 있습니다. 
 
[code]#hostingforum.kr javascript 
const container = document.querySelector('div.container'); 
const paragraphs = container.querySelectorAll('p:not([style])'); 
[/code] 
 
이 방법은 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 선택하는 것입니다. 
 
만약 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 싶을 때는 `:not([style])` 선택자를 사용할 수 있습니다. 
 
[code]#hostingforum.kr javascript 
const container = document.querySelector('div.container'); 
const paragraphs = container.querySelectorAll('p:not([style])'); 
[/code] 
 
이 방법은 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 선택하는 것입니다. 
 
만약 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 싶을 때는 `:not([style])` 선택자를 사용할 수 있습니다. 
 
[code]#hostingforum.kr javascript 
const container = document.querySelector('div.container'); 
const paragraphs = container.querySelectorAll('p:not([style])'); 
[/code] 
 
이 방법은 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 선택하는 것입니다. 
 
만약 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 싶을 때는 `:not([style])` 선택자를 사용할 수 있습니다. 
 
[code]#hostingforum.kr javascript 
const container = document.querySelector('div.container'); 
const paragraphs = container.querySelectorAll('p:not([style])'); 
[/code] 
 
이 방법은 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 선택하는 것입니다. 
 
만약 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 싶을 때는 `:not([style])` 선택자를 사용할 수 있습니다. 
 
[code]#hostingforum.kr javascript 
const container = document.querySelector('div.container'); 
const paragraphs = container.querySelectorAll('p:not([style])'); 
[/code] 
 
이 방법은 모든 `p` 요소 중에서 `style` 속성이 있는 요소를 제외하고 선택하는 것입니다. 
 
만약 모든 `p` 요소 중에서 `style` 속성이 있는 요

개발자 Q&A 포인트 정책
전체 6,601건 / 8 페이지

번호	제목	작성자	조회
6,496	stream_is_local 함수에 대한 이해 몽고DB러버 11시간 전　 댓글 1　 새글	몽고DB러버	1
6,495	Yaf_Plugin_Abstract::preDispatch 함수 이해 도움 부탁드립니다. CDN광신도 11시간 전　 댓글 1　 새글	CDN광신도	1
6,494	DOMElement::setIdAttributeNS에 대해 질문합니다. UnrealEngine전문가 11시간 전　 댓글 1　 새글	UnrealEngine전문가	1
6,493	DsQueue::toArray 관련 질문입니다. 게임개발자 11시간 전　 댓글 1　 새글	게임개발자	1
6,492	ParleParser::nonassoc 관련 질문 GCP전문가 11시간 전　 댓글 1　 새글	GCP전문가	1
6,491	imap_utf7_decode 함수를 사용하여 UTF-7 인코딩 된 메시지를 디코딩 할 때 오류가 발생합니다… 깃허브매니아 11시간 전　 댓글 1　 새글	깃허브매니아	1
6,490	IntlChar::isJavaIDPart 함수를 사용하여 자바 식별자 부분 문자인지 확인할 때, 어떤 경우에… NoSQL구루 11시간 전　 댓글 1　 새글	NoSQL구루	2
6,489	eio_futime 함수 이해를 위한 도움 요청 자바스크립트귀신 11시간 전　 댓글 1　 새글	자바스크립트귀신	2
6,488	OCILob::flush에 대한 이해가 필요합니다. 제로데이헌터 11시간 전　 댓글 1　 새글	제로데이헌터	2
6,487	ArrayObject::serialize 관련 질문 패스워드보안성애자 11시간 전　 댓글 1　 새글	패스워드보안성애자	2
6,486	OCI8 프라이빗 연결 오류 해결 방법을 알려주세요 깃허브액션도사 11시간 전　 댓글 1　 새글	깃허브액션도사	2
6,485	DomChildNode::before 속성에 대한 질문 JetpackCompose마… 11시간 전　 댓글 1　 새글	JetpackCompose마…	2
6,484	Imagick::medianFilterImage 함수 사용법에 대한 질문 TCP/IP장인 11시간 전　 댓글 1　 새글	TCP/IP장인	3
6,483	Yaf_Dispatcher::getRequest 관련 질문 Haskell연구가 11시간 전　 댓글 1　 새글	Haskell연구가	2
6,482	mysqli::reap_async_query에 대해 질문합니다. NestJS전문가 12시간 전　 댓글 1　 새글	NestJS전문가	2

검색

게시물 검색

개발자 Q&A

DomParentNode::querySelectorAll 사용법에 대한 질문

댓글목록

개발자 Q&A 포인트 정책

검색