텍스트로 작성된 ... 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 텍스트 요
Last Modified : 2017-09-21 00:23:46React 앱에서 태그 요소에 텍스트나 문자열을 사용하여 html을 생성, 추가하는 방법을 알아보려고 합니다. 어떻게 하면 될까요?# React에서 html 텍스트를 추가하기자바스크립트는 DOM에 innerHTML을 사용할 수 있습니다. innerHTML은 html 코드의 문자열, 텍스트를 사용하여 DOM 하위에 새로운 html 태그 등을 생성 및 추가 할 수 있죠. 예를들어 아래와 같이 비어있는 p에 innerHTML을 사용하여 DOM을 추가하는 것이 가능합니다.<p></p><script> const pTag = document.querySelector('p'); const greeting = 'Hello! <span>WEBISFREE.com</span>'; pTag.innerHTML = greeti
Last Modified : 2020-12-30 14:37:08