JS的节点（元素）的操作

JS的节点（元素）的操作

	// 创建元素   document.createElement(标签名字符串);
    // var div = document.createElement("div");
    // console.log(div);
    
    // 创建文本节点    document.createTextNode(文本内容);
    // var textNode = document.createTextNode("我是一个通过JS脚本创建出来的文本节点");
    // console.log(textNode);

    // 上树方法   父元素.appendChild(子元素); 
    // div.appendChild(textNode);
    // document.body.appendChild(div);


    // 上树方法   父元素.insertBefore(newChild, oldChild); 将第一个参数 插入到第二个参数之前 两个参数都是元素 第二个参数必须是父元素的子元素 
    // 获取元素 
    // var box1 = document.getElementById("box1");
    // div.appendChild(textNode);
    // document.body.insertBefore(div, box1);

    // 替换方法  父元素.replaceChild(newChild, oldChild); 
    // var box1 = document.getElementById("box1");
    // div.appendChild(textNode);
    // document.body.replaceChild(div, box1);  // 使用div去替换box1

    // 克隆方法  元素.cloneNode(boolean); boolean是一个布尔值 决定是否克隆子元素 如果为真则克隆子元素 否则不克隆  默认是false
    // var node = document.querySelector(".one");
    // console.log(node);
    // var cloneNode = node.cloneNode(true);
    // console.log(cloneNode);
    // document.body.appendChild(cloneNode);

    // remove  让调用remove方法的元素 下树
    // var box2 = document.getElementById("box2");
    // box2.remove();