NODE操作

    1、NODE的类型：
         
        1、元素类型；
        2、文本类型；
        3、文档类型；
        4、属性类型；
        5、注释类型。

----------


    2、NODE的获取方式：

        1、通过获取元素的方式：
            
            document.getElementById("elementID");
            
            document.getElementByName("name");

            document.getElementByTagname("tagname");

            document.getElementByClassName("classname")

        2、通过NODE关系属性获得引用：

            document.parentNode:获得该元素父节点；

            document.childNode:获取对象所有的子节点（次级节点）；

            document.firstchild:获取该元素第一个子节点；

            document.lastchild：获取该元素最后一个子节点；

            document.nextSibling:获取该元素下一个兄弟节点；

            document.previousSibling:获取该元素上一个兄弟节点；


----------

    3、NODE属性：

        节点中文         nodeType    nodeName    nodeValue

        元素                1        tagname            null

        属性                2        attr            属性值

        文本                3        #text            文本值

        注释                8        #comment        注释文字

        文档                9        #document        null


----------

    4、NODE增、删、查、改

        1、创建NODE

            1、创建元素节点：document.creatElement(Tagname);

            2、创建属性节点：object.attr = val;
                           object.setAttribute(attr、val)；

            3、创造文本节点:object.innerText = val;
                          document.creatTextNode(text);

        2、添加NODE

            1、parentNode.appendChild(newNode);
    
　　　　说明：向节点的子节点列表的末尾添加新的节点。如果文档中已经存在newNode，它将从文档中删除，然后重新插入它的新位置。可以使用appendChild()方法移除元素到另外一个元素。

            2、parentNode.insertBefore(newNode,exisingNode);

　　　　说明：如果文档树种已经存在了newNode，它将从文档中删除，然后重新插入它的新位置。

            3、parentNode.replaceChild(newNode,oldNode);

　　　　说明：如果文档树种已经存在了newNode，它将从文档中删除，然后重新插入它的新位置。

            4、parentNode.removeChild(node);

　　　　说明：从子节点列表中删除某个节点。

转载于:https://www.cnblogs.com/qingshixiaodao/p/5453645.html