JavaScript로 HTML 태그를 제거하고 순수 텍스트를 추출하는 방법은 무엇입니까?

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

HTML 태그 없이 HTML 요소에서 순수 텍스트를 추출하려면 다음 단계를 따르세요. JavaScript 사용:

1. HTML 요소를 식별합니다.
   getElementById() 메서드를 사용하여 텍스트를 추출하려는 요소를 가져올 수 있습니다. 이 경우 id="txt"인 요소가 있습니다.

2. 텍스트 콘텐츠를 가져옵니다.
   HTML에서 텍스트 콘텐츠를 가져오는 방법에는 두 가지가 있습니다. 요소: innerText 및 textContent. innerText는 표시되는 텍스트 콘텐츠를 반환하는 반면, textContent는 숨겨져 있는 경우에도 모든 텍스트 콘텐츠를 반환합니다. 이 경우 두 가지 방법 중 하나를 사용할 수 있습니다. 사용 방법은 다음과 같습니다.

   • innerText:

     <code class="javascript">var text = element.innerText;</code>

   • textContent:

     <code class="javascript">var text = element.textContent;</code>

3. HTML을 텍스트로 바꾸세요.
   텍스트 콘텐츠가 있으면 요소의 HTML 콘텐츠를 텍스트 콘텐츠로 바꿀 수 있습니다. 그 방법은 다음과 같습니다.

   <code class="javascript">element.innerHTML = text;</code>

사용할 수 있는 전체 JavaScript 기능은 다음과 같습니다.

<code class="javascript">var element = document.getElementById('txt');
var text = element.innerText || element.textContent;
element.innerHTML = text;</code>

사용자가 "콘텐츠 가져오기"를 클릭하면 버튼을 누르면 이 JavaScript 기능이 실행되고 id="txt"인 p 요소 내의 HTML 콘텐츠가 순수 텍스트 콘텐츠로 대체됩니다.

위 내용은 JavaScript로 HTML 태그를 제거하고 순수 텍스트를 추출하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!