메로그

Dom 요소(객체) 추가 document.createElement() 를 사용해서 요소를 동적으로 추가합니다. 추가한 요소에는 필요한 스타일, 속성을 추가할 수 있습니다. // 요소 생성 const newNode = document.createElement('div'); // id 속성을 추가합니다. newNode.setAttribute("id", "NewDiv"); // 필요한 스타일을 추가합니다. innerHTML, innerText 도 사용가능합니다. newNode.style.width = "300px"; newNode.style.height = "400px"; newNode.style.backgroundColor = "red"; 동적 요소 트리에 삽입 위의 추가한 요소를 Dom 트리에 삽입해보자...