js ：Node

   //    1,appendChild() 向元素添加一个新的子节点；作为最后的节点
    var node=document.createElement("li");
    var Xi=document.createTextNode("这是新节点");
    node.appendChild(Xi);
    document.getElementById("Jd").appendChild(node)

    var a=document.createElement("a");
    a.setAttribute("href","#");
    var b=document.createTextNode("点击我");
    a.appendChild(b);
    document.getElementById("div").appendChild(a);

//    2,cloneNode() 克隆元素
    var c=document.getElementById("Jd");
    var d= c.cloneNode(true);
    document.getElementById("div").appendChild(d);

//    3,childNodes() 获取对象内的所有子节点；只包含次级节点
    var e=document.getElementById("Jd").childNodes;
    console.log(e);

//    4,parentNote() 获取元素的父节点：该方法可以获取你所需元素的父节点
    var f=document.getElementById("Jd").parentNode;
    console.log(f);

//    5,firsChild() 获取元素的第一个子节点；
    var g=document.getElementById("Jd").firstChild;
    console.log(g);

//    6,lastChild() 获取你所需元素的最后一个子节；
    var g=document.getElementById("Jd").lastChild;
    console.log(g);

//    7, nextSibling : 获取所需元素的兄弟节点；
    var g=document.getElementById("Jd").nextSibling;
    console.log(g);

js ：Node

原文：http://www.cnblogs.com/llb1060729251/p/5495066.html