자바스크립트를 사용하여 텍스트를 html 요소로 변경하는 방법은?

20,795
View Count

주소 복사하기

텍스트로 작성된 ... text 타입의 문자가 html을 담고 있다면 이를 html로 변경하여 기존의 웹페이지에 어떻게 추가할 수 있을까요?
자바스크립트를 사용하는 방법은 innerHTML을 사용합니다.

만약 아래와 같은 텍스트를 html로 파싱하여 기존의 웹페이지 body에 추가할 경우 다음과 같습니다.

test = '<span style="color:red">COLOR RED</span>';

test2 = document.createElement('span'); // body에 추가할 span 태그를 추가
test2.innerHTML = test; // innerHTML을 사용하여 text를 html로 파싱 후 자식노드로 추가

document.body.append(test2)

이처럼 test 텍스트 요소가 text에서 html로 변환 후 추가되었습니다.

코드 스니펫 widget