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

JavaScript를 사용하여 HTML 요소에서 순수 텍스트 추출

HTML 페이지 작업 시 주변 요소 없이 순수 텍스트 콘텐츠를 추출해야 하는 경우가 많습니다. HTML 요소. 이는 JavaScript를 사용하여 달성할 수 있습니다.

이 시나리오에는

안에 버튼과 일부 텍스트가 포함된 HTML 페이지가 있습니다. 요소. 버튼을 클릭하면 HTML 마크업이 제거되고 순수 텍스트는 변경되지 않은 상태로 유지되어야 합니다.

이를 수행하려면 다음 JavaScript 함수를 활용할 수 있습니다.

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

document.getElementById ('txt') 라인은

ID가 'txt'인 요소.

innerText 또는 textContent 속성을 사용하여 요소 내의 텍스트 콘텐츠를 가져올 수 있습니다. innerText는 보이는 텍스트(태그 제외)와 비슷하지만 textContent는 HTML 태그를 엄격하게 제거합니다. 요구 사항에 가장 적합한 속성을 선택하세요.

마지막으로 element.innerHTML = text는

순수 텍스트 값으로.

이 기술을 활용하면 HTML 요소에서 순수 텍스트를 효과적으로 추출할 수 있으므로 필요에 따라 텍스트 콘텐츠를 조작할 수 있습니다.

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