码迷,mamicode.com
首页 > 其他好文 > 详细

NODE操作

时间:2016-05-03 02:06:12      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:


    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);

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

NODE操作

标签:

原文地址:http://www.cnblogs.com/qingshixiaodao/p/5453645.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!