Javascript

createElement(), createTextNode(), appendChild()

자라나라나무나무나 2022. 4. 13. 22:02
자바스크립트를 이용하여 문서에 HTML 요소를 추가할 때 사용

createElement()

.createElement('h1); 이면
<h1></h1>

createTextNode()

createTextNode('text');  이면
text라는 문자열을 추가

appendChild()

선택한 요소 안에 자식 요소를 추가

 

const btn = document.createElement("button");
const btnText = document.createTextNode("Click");
btn.appendChild(btnText);
document.body.appendChild(btn);