특수 HTML 엔터티가 있는 문자열을 디코딩하는 올바른 방법은 무엇입니까?

Teugsu Html Enteotiga Issneun Munjayeol Eul Dikodinghaneun Olbaleun Bangbeob Eun Mueos Ibnikka



HTML로 작업하는 동안 HTML 엔터티를 사용하여 인코딩된 특수 문자나 기호를 만날 수 있습니다. 이러한 엔터티는 앰퍼샌드 ' & ' 그리고 세미콜론 '으로 끝납니다. ; ', 와 같은 ' < ' 기호를 나타내는 ' < '. 문자열에서 특수 HTML 요소/엔티티를 제외하여 최종 문자열이 사용하기에 안전하고 브라우저에서 실행할 수 있는 불법 코드가 포함되어 있지 않은지 확인하는 것이 중요합니다.

이 게시물은 특수 HTML 엔터티로 문자열을 디코딩하는 올바른 방법을 알려줍니다.

특수 HTML 엔터티가 있는 문자열을 디코딩하는 올바른 방법은 무엇입니까?

특수 HTML 엔티티가 포함된 문자열을 디코딩하려면 다음 방법을 사용하십시오.





방법 1: 'textarea' 요소를 사용하여 특수 HTML 엔터티가 있는 문자열을 디코딩합니다.

HTML '을 사용하십시오. <텍스트 영역> ” 특수 HTML 엔터티가 포함된 문자열을 디코딩하기 위한 요소입니다. ' innerHTML ' 재산. 브라우저는 텍스트 영역의 엔터티를 자동으로 디코딩하고 간단한 일반 텍스트를 제공합니다. 디코딩된 문자열을 검색하려면 ' 값 ' 재산.



예



변수 생성 ' 인코딩된 문자열 ” 특수 HTML 엔터티가 포함된 문자열을 저장합니다.



const 인코딩된 문자열 = '<div>Linuxhint에 오신 것을 환영합니다!</div>' ;

콘솔에 인코딩된 문자열을 인쇄합니다.

콘솔. 통나무 ( '인코딩된 문자열: ' + 인코딩된 문자열 ) ;

HTML 요소 만들기 ' 텍스트 영역 ”를 사용하여 생성요소() ' 방법:



const 텍스트 영역 = 문서. createElement ( '텍스트 영역' ) ;

'를 사용하여 인코딩된 문자열을 텍스트 영역에 전달합니다. innerHTML ' 재산:

텍스트 영역. innerHTML = 인코딩된 문자열 ;

이제 '를 사용하여 디코딩된 문자열을 가져옵니다. 값 ” textarea의 속성을 변수에 저장합니다. 디코딩된 문자열 ”:

const 디코딩된 문자열 = 텍스트 영역. 값 ;

마지막으로 '를 사용하여 콘솔에 디코딩된 문자열을 표시합니다. 콘솔.로그() ' 방법:

콘솔. 통나무 ( '디코딩된 문자열: ' + 디코딩된 문자열 ) ;

출력은 특수 HTML 엔터티를 포함하는 문자열이 성공적으로 디코딩되었음을 나타냅니다.

위의 접근 방식은 간단하고 명확하며 간단한 시나리오에 적합합니다. 복잡한 HTML 구조를 처리하려고 하면 실패합니다. 따라서 'parseFromString()' 메소드를 사용하십시오.

방법 2: 'parseFromString()' 방법을 사용하여 특수 HTML 엔터티가 있는 문자열을 디코딩합니다.

특수 HTML 엔터티로 문자열을 디코딩하는 또 다른 방법은 ' parseFromString() ' 방법. '의 사전 구축된 방법입니다. DOM파서 ' 물체. XML 또는 HTML 문자열을 구문 분석한 다음 여기에서 새 DOM 문서 개체를 만드는 데 도움이 됩니다.

예

먼저 '의 새 개체를 만듭니다. DOM파서 ”를 사용하여 새로운 ”키워드:

const 파서 = 새로운 DOM파서 ( ) ;

를 불러 ' parseFromString() ” 메서드를 사용하고 매개변수를 전달합니다. 인코딩된 문자열 '는 복잡한 HTML 구조로, ' 텍스트/html '. 인코딩된 문자열을 HTML로 처리하도록 메서드에 지시합니다. 사용 ' 텍스트 내용 디코딩된 문자열을 가져오기 위한 body 요소의 ” 속성:

const 디코딩된 문자열 = 파서. parseFromString ( ` 독타입 HTML >< 몸 > $ { 인코딩된 문자열 } ` , '텍스트/html' ) . 몸 . 텍스트 내용 ;

콘솔에서 디코딩된 문자열을 인쇄합니다.

콘솔. 통나무 ( '디코딩된 문자열: ' + 디코딩된 문자열 ) ;

산출

특수 HTML 엔터티로 문자열을 디코딩하는 것과 관련된 모든 필수 지침을 제공했습니다.

결론

특수 HTML 엔터티가 포함된 문자열을 디코딩하려면 HTML 요소 ' 텍스트 영역 ' 아니면 그

“ parseFromString() ”의 방법 DOM파서 ' 물체.