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.获取父节点
