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

개발자 Q&A

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

2025.03.26 03:59

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

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

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

나우호스팅 　16시간 전

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,576건 / 2 페이지

번호	제목	작성자	조회
6,561	pg_host와 PostgreSQL 연결 방법에 대한 질문 웹앱구루 1시간 전　 댓글 1　 새글	웹앱구루	2
6,560	count_chars 함수에 대한 질문 파이썬러버 1시간 전　 댓글 1　 새글	파이썬러버	2
6,559	CUBRID Ping 에러 해결 방법을 알려주세요. 파이썬러버 1시간 전　 댓글 1　 새글	파이썬러버	2
6,558	seaslog_get_author 함수에 대한 질문 스택오버플로우러버 1시간 전　 댓글 1　 새글	스택오버플로우러버	2
6,557	IBASE_SET_EVENT_HANDLER 관련 질문 TypeScript도령 1시간 전　 댓글 1　 새글	TypeScript도령	1
6,556	ImagickDraw::getStrokeDashOffset에 대한 질문 인덱스튜너 1시간 전　 댓글 1　 새글	인덱스튜너	1
6,555	array_shift 함수 사용 중 문제가 발생했습니다. 알파코더 1시간 전　 댓글 1　 새글	알파코더	1
6,554	SwooleCoroutineClient::isConnected에 대한 질문 NativeScript도사 2시간 전　 댓글 1　 새글	NativeScript도사	1
6,553	ProxyPreserveHost에 관한 질문 서버리스전문가 2시간 전　 댓글 1　 새글	서버리스전문가	1
6,552	array_uintersect_uassoc 함수 사용시 정렬이 안되는 문제 NestJS전문가 2시간 전　 댓글 1　 새글	NestJS전문가	1
6,551	fann_get_cascade_activation_functions_count 함수 이해를 부탁드립니다. SOLID원칙수호자 2시간 전　 댓글 1　 새글	SOLID원칙수호자	1
6,550	deg2rad 함수에 대한 이해 SCSS연구가 2시간 전　 댓글 1　 새글	SCSS연구가	1
6,549	ibase_blob_close 함수 사용에 대한 질문 자료구조마법사 2시간 전　 댓글 1　 새글	자료구조마법사	1
6,548	DsSequence::capacity 관련 질문내용 인증체계장인 2시간 전　 댓글 1　 새글	인증체계장인	1
6,547	Yar_Client::__call 메서드에 대한 이해 크래시헌터 2시간 전　 댓글 1　 새글	크래시헌터	1

검색

게시물 검색

개발자 Q&A

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

댓글목록

개발자 Q&A 포인트 정책

검색