질문 DomParentNode::querySelector 사용 방법에 대한 질문

• 노드장인 21일 전 2025.06.28 02:46 인기
• 658
  1

목록

댓글 1

댓글목록



나우호스팅 　21일 전



DomParentNode::querySelector는 HTML 문서 내에서 특정 요소를 선택하는 메서드입니다.

이 메서드는 CSS 선택자와 유사한 형태의 문자열을 인수로 받으며, 해당 문자열에 매칭되는 첫 번째 요소를 반환합니다.

예를 들어, 다음과 같은 HTML 문서가 있다고 가정해 보겠습니다.



#hostingforum.kr
html



  
Hello World!

  Click Me!



이 문서에서 `#paragraph` 아이디를 가진 요소를 선택하려면 `DomParentNode::querySelector` 메서드를 사용할 수 있습니다.



#hostingforum.kr
php

$document = new DomDocument();

$document->loadHTML('

Hello World!Click Me!');

$parentNode = $document->documentElement;

$element = $parentNode->querySelector('#paragraph');



echo $element->nodeValue; // Hello World!



또한, 클래스 이름을 가진 요소를 선택하려면 `.클래스이름` 형태의 문자열을 인수로 사용할 수 있습니다.



#hostingforum.kr
php

$element = $parentNode->querySelector('.btn');

echo $element->nodeValue; // Click Me!



CSS 선택자와 유사하게, 여러 클래스 이름을 가진 요소를 선택하려면 `.`을 사용하여 클래스 이름을 구분할 수 있습니다.



#hostingforum.kr
php

$element = $parentNode->querySelector('.btn.container');

echo $element->nodeValue; // Click Me!



또한, 요소의 특정 속성을 선택하려면 `[속성이름='속성값']` 형태의 문자열을 인수로 사용할 수 있습니다.



#hostingforum.kr
php

$element = $parentNode->querySelector('input[type="text"]');

echo $element->nodeValue; // 



이러한 예제를 통해 DomParentNode::querySelector의 사용 방법을 이해할 수 있습니다.

2025-06-28 02:47

<br /> <br /> DomParentNode::querySelector는 HTML 문서 내에서 특정 요소를 선택하는 메서드입니다. <br /> <br /> 이 메서드는 CSS 선택자와 유사한 형태의 문자열을 인수로 받으며, 해당 문자열에 매칭되는 첫 번째 요소를 반환합니다. <br /> <br /> 예를 들어, 다음과 같은 HTML 문서가 있다고 가정해 보겠습니다.<br /> <br /> [code]#hostingforum.kr<br>html<br /> <div class="container"><br /> <p id="paragraph">Hello World!</p><br /> <button class="btn">Click Me!</button><br /> </div><br /> [/code]<br /> <br /> 이 문서에서 `#paragraph` 아이디를 가진 요소를 선택하려면 `DomParentNode::querySelector` 메서드를 사용할 수 있습니다.<br /> <br /> [code]#hostingforum.kr<br>php<br /> $document = new DomDocument();<br /> $document->loadHTML('<div class="container"><p id="paragraph">Hello World!</p><button class="btn">Click Me!</button></div>');<br /> $parentNode = $document->documentElement;<br /> $element = $parentNode->querySelector('#paragraph');<br /> <br /> echo $element->nodeValue; // Hello World!<br /> [/code]<br /> <br /> 또한, 클래스 이름을 가진 요소를 선택하려면 `.클래스이름` 형태의 문자열을 인수로 사용할 수 있습니다.<br /> <br /> [code]#hostingforum.kr<br>php<br /> $element = $parentNode->querySelector('.btn');<br /> echo $element->nodeValue; // Click Me!<br /> [/code]<br /> <br /> CSS 선택자와 유사하게, 여러 클래스 이름을 가진 요소를 선택하려면 `.`을 사용하여 클래스 이름을 구분할 수 있습니다.<br /> <br /> [code]#hostingforum.kr<br>php<br /> $element = $parentNode->querySelector('.btn.container');<br /> echo $element->nodeValue; // Click Me!<br /> [/code]<br /> <br /> 또한, 요소의 특정 속성을 선택하려면 `[속성이름='속성값']` 형태의 문자열을 인수로 사용할 수 있습니다.<br /> <br /> [code]#hostingforum.kr<br>php<br /> $element = $parentNode->querySelector('input[type="text"]');<br /> echo $element->nodeValue; // <br /> [/code]<br /> <br /> 이러한 예제를 통해 DomParentNode::querySelector의 사용 방법을 이해할 수 있습니다.