티스토리 뷰

// button 요소를 만들고 btn에 저장
var btn = document.createElement('button');

// Click이라는 텍스트를 만들고 btnText에 저장
var btnText = document.createTextNode('Click');

// btn에 btnText를 삽입
btn.appendChild(btnText);

// btn을 body의 자식 요소로 삽입
document.body.appendChild(btn);

 

참고

https://sh77113.tistory.com/223

 

[JavaScript ]요소 추가하기 (createElement,TextNode, appendChild)

자바스크립트를 이용하여 문서에 HTML 요소를 추가할 수 있습니다. 이 때 필요한 자바스크립트 속성은 다음과 같습니다. .createElement() .createTextNode() .appendChild() .createElement()는 요소를 만듭니다. 예

sh77113.tistory.com

 

공지사항