순수 JavaScript를 사용하여 <div> 요소에서 텍스트를 추출하는 방법-JS 튜토리얼-php.cn

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>

로그인 후 복사

다음 결과가 얻어집니다.

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

[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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천：php

본 웹사이트의 성명

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

저자별 최신 기사

에서 2024-04-29 11:01:01

2289

에서 2024-04-23 00:22:19

2428

에서 2024-04-19 15:37:47

2041

에서 2024-04-18 23:52:34

1922

CSS 마인드맵 코스웨어는 어디에 있나요? 코스웨어

에서 2024-04-16 10:10:18

1996