[JS] INSERT

    function append() {
        let list = document.getElementById("list");
        let java = document.getElementById("javas");
        list.appendChild(java); 
    }
    // appendChild() : 변수 'list'의 마지막 요소로 새로운 자식 노드를 추가

      function insert() {
        let list = document.getElementById("list");
        let java = document.getElementById("javas");
        let ins = document.getElementById("ins");
        list.insertBefore(java,ins);
      }  
    //  부모노드.insertBefore(삽입할 노드, 기준 점 노드);

    function insertTxt() {
        let txt = document.getElementById("javas").firstChild;
        txt.insertData(7, "정말어렵다");
    } 
    // insertData(index,"text") : index 위치에 text 값 추가
    
        function insert1() {
        let txt = document.getElementById("txt");
        let insertNode = document.createElement("p");
        insertNode.innerHTML = "추가된 노드";
        document.body.insertBefore(insertNode,txt);
    }
    // ★ createElement(노드) 중요, 많이 씀
    
    function insert2() {
        let txt = document.getElementById("txt");
        let style = document.createAttribute("style");
        style.value = "color: red";
        
        txt.setAttributeNode(style);    
    }
    //  ★ x.setAttributeNode(속성)

    function insert() {
        let txt2 = document.getElementById("txt2");
        let text = document.createTextNode("new Text");
        console.log(text);
        txt2.append(text);
    }
    // createTextNode("text")