createTextNode
-
DOM 조작 - 컨텐츠 추가하기프론트엔드/DOM 2020. 10. 16. 12:44
다른 글에선 HTML에 컨텐츠를 추가하거나 읽어줄 때 다음과 같은 방법을 사용한다고 했다. 선택된 요소 노도의 텍스트 값 확인: 'textContent' 선택된 요소 노도의 텍스트 값 확인: 'innerText' 선택된 요소 노도의 텍스트+태그까지 확인: 'innerHTML' 이 중에서 'innerHTML'은 텍스트 뿐 아니라 태그는 따로 분류하여 처리한다. 만약에 자바스크립트를 통해 HTML 화면상에 무언가 문서를 추가로 넣고 싶다면 'innerHTML'을 쓴다. 다만 'innerHTML'은 보안상의 문제를 일으킬 수 있다. 그렇다면 어떻게 해야 상대적으로 안전하게 HTML 화면에 내용을 추가해줄 수 있을까? 그럴 때는 각종 노드를 만들고 다루는 메서드를 이용하면 된다. 우선 간단하게 보면 다음과 같다..