텍스트 노드를 동적으로 추가/삭제

Node객체의 주요기능

1. Node/ insertBefore(in Node newChild, in Node refChild);
2. Node/ replaceChild(in Node newChild, in Node oldChild);
3. Node/ removeChild(in Node oldChild);
4. Node/ appendChild(in Node newChild);
5. Boolean/ hasChildNodes();
6. Node/ cloneNode(in boolean deep);

텍스트노드 추가하기

1. 텍스트 노드 생성
   var txt = document.createTextNode("안녕하세요");
2. 텍스트 노드를 추가할 엘리먼트 노드 선택
   var div1 = document.getElementById("div1");
3. 엘리먼트 노드에 텍스트 노드 추가
   div1.appendChild(txt);

    addButton.onclick = function(){
        var title = titleInput.value;
        var txtNode = document.createTextNode(title);
        menuListDiv.appendChild(txtNode);
    }; //addButton 클릭 시 title이 추가됨.