React

innerHTML or innerText / append or appendChild

Asset Type
Vanilla JS
File Type
When to use
Reference
Created by
Last edited time
2022/05/15 14:42

innerText

element 내부에 있는 text 값들을 말하며 설정한 엘리먼트의 보이는 텍스트 값을 가져옵니다

innerHTML

element 내부에 있는 HTML이나 XML 모두를 말합니다. 

append

노드 객체나 DOM String을 받을 수 있으며 한번에 여러 개의 자식 요소를 넣을 수 있습니다.
리턴 값을 반환하지 않습니다..

appendChild

오직 노드 객체만 받을 수 있습니다.
한 번에 오직 하나의 자식 요소만 넣을 수 있습니다.
리턴 값으로 추가한 자식 노드를 반환합니다.