노드 : 추가, 교체, 치환, 삭제

생성 : createElement()

추가 : appendChild()

교체 : replaceChild( , )

삭제 : removeChild()

 

<추가>

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

document.body.appendChild(ul);
for(let i=0;i<4;i++){
	ul.appendChild(li);
    li.innerHTML("리스트0"+i);
}

• 리스트01
• 리스트02
• 리스트03
• 리스트04

 

document.body.replaceChild(ol, ul);		// 교체

1. 리스트01
2. 리스트02
3. 리스트03
4. 리스트04

 

document.body.removeChild(ol);			// 삭제