createTextNode vs innerHTML vs textContent

빈 DOM 요소 elem과 text라는 문자열이 있습니다.

셋 중에서 같은 동작을 수행하는 명령어는 무엇일까요?

elem.append(document.createTextNode(text))
elem.innerHTML = text
elem.textContent = text

정답: 1 과 3.

두 명령어는 text를 ‘텍스트로’ elem 안에 추가합니다.

예시:

<div id="elem1"></div> <div id="elem2"></div> <div id="elem3"></div> <script> let text = '<b>text</b>'; elem1.append(document.createTextNode(text)); elem2.innerHTML = text; elem3.textContent = text; </script>