Javascript节点

Javascript节点对象操作大全

1.Node节点对象操作

2.元素节点

3.属性节点

4.文本节点

5.节点的增、删、改和查操作

6.节点的替换

7.节点的克隆

 

node操作

1.document.getElementById("id");

2.document.getElementsByName("name");

3.document.getElementsByTagName("tagname");

4.document.getElementsByClassName("classname");

5.getAttribute("id");

6.setAttribute("id","div1");

7.removeAttribute("id");

获取元素标签:

1.obj.innerHTML

2.obj.outerHTML

获取元素中的文本:

1.obj.textContent;

node节点操作

1.document节点

2.元素节点

3.属性节点

4.文本节点

节点关系:

1.父子关系

2.兄弟关系

节点属性:

1.节点名称

obj.nodeName

2.节点类型

obj.nodeType

1 元素节点

2 属性节点

3 文本节点

9 文档节点

3.节点值(key=value结构的才有值)

obj.nodeValue

属性节点(节点名称，节点类型=>2，节点值)

文本节点(节点名称，节点类型=>3，节点值)

元素节点(节点名称，节点类型=>1)

文档节点(节点名称=>#document,节点类型=>9)

节点的增、删、改、查(重点)

节点类型

1.元素节点

2.属性节点

3.文本节点

4.文档节点 #document 9 null

节点属性

1.节点名称-nodeName

2.节点类型-nodeType

3.节点值-nodeValue(元素节点没有)

三种节点和属性

1.元素节点

1)nodeName div

2)nodeType 1

3)nodeValue null

2.属性节点

1)nodeName id

2)nodeType 2

3)nodeValue "div1"

3.文本节点

1)nodeName #text

2)nodeType 3

3)nodeValue "aaaaaaaaaaaaa"

查

1.获取元素节点

    1).document.getElementById("id");

    2).document.getElementsByName("name");

    3).document.getElementsByTagName("tagname");

    4).document.getElementsByClassName("classname");

2.获取属性节点

    1)obj.attributes;

    2)obj.getAttribute("id");

3.获取文本节点

    1)var obj=document.getElementById("div1");   

    for(var i=0;i<obj.childNodes.length;i++){

        if(obj.childNodes[i].nodeType==3){

            document.write(obj.childNodes[i].nodeType,"<br>");

        }

    }

    //注意页面上的回车转行也算一个文本节点

4.获取子节点

    1)obj.childNodes;  //获取子节点

5.获取第一个子节点

    1)obj.firstChild;

6.获取最后一个子节点

    1)obj.lastChild;

7.获取父节点