>  기사  >  웹 프론트엔드  >  순수 JavaScript를 사용하여

요소에서 텍스트를 추출하는 방법

순수 JavaScript를 사용하여
요소에서 텍스트를 추출하는 방법

Patricia Arquette
Patricia Arquette원래의
2024-10-18 21:15:30801검색

How to Extract Text from a <div> 순수 JavaScript를 사용하는 요소 순수 JavaScript를 사용하는 요소" />

에서 텍스트를 추출하는 방법 순수 JavaScript로 태그

문제:

getElementById('superman').value를 사용하는 요소의 경우 반환된 결과는 "정의되지 않음"입니다.

해결책:
value가 < div> 요소. 대신 textContent를 사용하여

내의 텍스트를 가져옵니다.

설명하기 위해 다음 코드를 고려하세요.

<code class="javascript">function test() {
  var t = document.getElementById('superman').textContent;
  alert(t);
}</code>

<의 HTML 콘텐츠를 반환하는 innerHTML과 비교합니다. ;div>, textContent는

내의 텍스트만 제공합니다.

예를 들어 다음 HTML이 주어지면:

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

다음 결과가 얻어집니다.

  • innerHTML은 "일부 샘플 텍스트를 반환합니다."
  • textContent는 "일부 샘플 텍스트"를 반환합니다.

자세한 내용은 다음 문서를 참조하세요.

  • [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를 사용하여

요소에서 텍스트를 추출하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.