[자바스크립트] document.createElement로 DOM 요소 추가하기

DOM 요소를 추가하는 document의 메소드

document.createElement(태그이름)

• DOM 요소를 만들어주는 함수
• createElement 함수로 DOM 요소를 만든 후 반드시 DOM에 붙여주는 작업을 해야한다

// 새 요소 만들기
const newDiv = document.createElement("div");

// 스타일 추가
newDiv.style.backgroundColor = "blue";
newDiv.style.width = "50px";
newDiv.style.height = "50px";

// 요소를 body에 추가
document.body.appendChild(newDiv);