JavaScript를 사용하여(jQuery 없이) Div 태그 텍스트를 검색하려면 어떻게 해야 합니까?

JQuery를 사용하지 않고 JavaScript를 사용하여 Div 태그 텍스트를 검색하는 방법

JavaScript로만 div 요소의 텍스트 콘텐츠를 얻으려면 jQuery를 대체할 수 있는 방법이 있습니다. 🎜>

문제 설명:

document.getElementById('superman').value를 사용하여 텍스트를 검색하려는 이전 시도가 정의되지 않은 상태로 반환되었습니다. 목표는 jQuery 없이 일반 JavaScript를 사용하여 솔루션을 찾는 것입니다.

해결책:

텍스트를 성공적으로 검색하려면 값 대신 textContent를 사용하는 것이 좋습니다. innerHTML 속성은 div 내의 요소를 포함하여 전체 DOM 콘텐츠를 문자열로 반환합니다. 이와 대조적으로 textContent는 div 내의 텍스트를 구체적으로 추출하여 보다 정확한 텍스트 표현을 보장합니다.

예를 들어 다음 HTML이 있다고 가정해 보겠습니다.

<code class="html"><div id="test">
  Some <span class="foo">sample</span> text.
</div></code>

innerHTML 사용:

<code class="javascript">var node = document.getElementById('test');
var htmlContent = node.innerHTML;
// htmlContent = "Some <span class="foo">sample</span> text."</code>

textContent 사용:

<code class="javascript">var node = document.getElementById('test');
var textContent = node.textContent;
// textContent = "Some sample text."</code>

textContent 및 innerHTML에 대한 자세한 내용은 MDN을 참조하세요.

[textContent](https://developer.mozilla.org/ en-US/docs/Web/API/Node/textContent)
• [innerHTML](https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML)

위 내용은 JavaScript를 사용하여(jQuery 없이) Div 태그 텍스트를 검색하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!