>  기사  >  웹 프론트엔드  >  JavaScript를 사용하여 HTML에서 일반 텍스트를 추출하는 방법은 무엇입니까?

JavaScript를 사용하여 HTML에서 일반 텍스트를 추출하는 방법은 무엇입니까?

Linda Hamilton
Linda Hamilton원래의
2024-10-31 19:34:02439검색

How to Extract Plain Text from HTML with JavaScript?

JavaScript를 사용하여 일반 텍스트 추출을 위한 HTML 요소 제거

HTML 콘텐츠를 처리할 때 순수 텍스트 추출이 필요한 상황이 있습니다. HTML 요소 태그가 없는 텍스트. JavaScript는 이를 달성하는 편리한 방법을 제공합니다.

문제 설명:

요소. 버튼을 클릭하면 해당

내의 텍스트에서 모든 HTML 요소 태그를 제거하려고 합니다. 요소는 일반 텍스트만 남깁니다.

해결책:

이를 달성하려면 JavaScript를 사용하여 다음 단계를 따르세요.

<code class="javascript">function get_content() {
  // Get the element by its ID
  var element = document.getElementById('txt');

  // Extract the plain text using either innerText or textContent
  // Depending on the browser support and specific requirements, you can use either of these methods.
  var text = element.innerText || element.textContent;

  // Replace HTML elements with the pure text
  element.innerHTML = text;
}</code>

이를 사용하여 함수를 사용하면 사용자가 버튼을 클릭할 때

요소는 제거되고 일반 텍스트만 남습니다.

innerText와 textContent:

innerText와 textContent 중 선택은 요구 사항에 따라 다릅니다. innerText는 공백, 줄바꿈, 숨겨진 텍스트를 포함하여 보이는 텍스트를 모방합니다. 반면에 textContent는 모든 서식이나 숨겨진 요소를 제거합니다.

호환성:

innerText는 이전 IE 브라우저와 더 잘 호환되지만 복잡한 HTML에는 적합하지 않을 수 있습니다. 구조. 브라우저 전체에서 보다 강력하고 일관된 동작을 위해서는 textContent를 사용하는 것이 좋습니다.

위 내용은 JavaScript를 사용하여 HTML에서 일반 텍스트를 추출하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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