JavaScript - 태그를 동적으로 만들어서 특정 엘리먼트에 추가하기(createElement, createTextNode, appendChild)
테스트 태그를 동적으로 만들어서 특정 엘리먼트에 추가하기 1. div 엘리먼트 만들기 document.createElement(태그명) var divEle = document.createElement("div"); 메모리에 생성된 상태임... 2. 테스트 텍스트 노드 만들기 document.createTextNode(내용) var txt = document.createTextNode("test"); 3. 생성된 div 엘리먼트의 자식으로 텍스트 노드를 추가하기 부모.appendChild(자식) divEle.appendChild(txt) 메모리에 test 4. 아이디가 "list"인 엘리먼트에 생성된 div를 추가하자 var divList = document.querySelector("#list") // ..
개발/JavaScript
2018. 12. 4. 13:58