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

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