본문 바로가기

컴퓨터/Javascript

JavaScript DOM 추가하기

▒ 엘리먼트 생성

let list = document.createElement("li");

텍스트노드 생성

let node = document.createTextNode("list");

엘리먼트에 텍스트노드 추가

list.appendChild(node);

엘리먼트에 엘리먼트 추가

var element = document.getElementById("ul-1"); //엘리먼트 선택
element.appendChild(list); //엘리먼트에 엘리먼트 추가

*엘리먼트에 엘리먼트 정의

let rowBox = document.createElement("div");
rowBox.innerHTML = `<h1>Hello,</h1><h2>World!</h2>`;