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