JavaScript를 사용하여 HTML 요소를 일반 텍스트로 변환합니다.
JavaScript 스크립팅 언어로 할 수 있는 보다 유용한 작업 중 하나는 HTML 문서의 문서 개체 모델(또는 "DOM")을 조작하고 작업하는 것입니다. HTML 문서의 DOM은 해당 문서의 내용을 나타내는 규칙입니다. 웹 브라우저 및 JavaScript와 같은 스크립팅 언어가 해당 문서를 구성하는 다양한 요소와 상호 작용할 수 있는 방법을 제공합니다. JavaScript와 웹 페이지의 DOM을 사용하여 HTML을 일반 텍스트로 쉽게 변환할 수 있습니다.
1 단계
HTML 문서의 HEAD 섹션에 SCRIPT 선언을 추가합니다. SCRIPT 태그는 JavaScript와 같은 클라이언트 측 스크립트를 정의합니다. SCRIPT 태그는 전체 SCRIPT 선언이 다음과 같이 읽히도록 "type" 속성이 "text/javascript"로 설정되어 있어야 합니다.
오늘의 비디오
2 단계
하나의 문자열을 매개변수로 사용하는 JavaScript 함수를 정의하십시오. 이 문자열 매개변수에는 일반 텍스트로 변환할 HTML이 포함되어 있습니다.
3단계
"createElement()" 메서드를 사용하여 JavaScript 함수 내부에 임시 DIV 요소를 만듭니다.
4단계
함수의 문자열 매개변수를 임시 DIV의 "innerHTML" 속성에 할당합니다.
5단계
함수에 임시 문자열 변수를 만듭니다.
6단계
"textContent" 및 "innerText" 속성을 사용하여 임시 DIV의 일반 텍스트 콘텐츠를 가져와 임시 문자열 변수에 할당합니다. 브라우저 간 호환성 문제로 인해 "textContent"와 "innerText"가 모두 일부에서 정의됩니다. 웹 브라우저 및 기타에는 정의되지 않지만, 하나 또는 다른 하나는 모든 주요 버전의 모든 버전에서 정의됩니다. 브라우저.
7단계
"return" 문을 사용하여 임시 문자열이 보유한 값을 반환합니다. 변환된 HTML의 일반 텍스트 값을 반환합니다.
팁
IF-THEN 문을 사용하여 브라우저 간 호환성을 확인하고 함수에서 "textContent" 또는 "innerText"를 사용할지 여부를 결정하는 대신 다음과 같이 임시 DIV 요소의 일반 텍스트 값을 임시 문자열 변수에 할당하기만 하면 됩니다. var tmpString = tmpDiv.textContent || tmpDiv.innerText.
