DOM

标签：

  节点的引用：

getElementById()

通过ID引用。

getElementByTagName()

通过标签名。

getElementByName()

通过name引用。

getElementsByClassName（）

通过class引用

getElementsByTagName("*")

返回文档中所有元素的列表。

 parentNode 获得父节点的引用

.childNodes 获得子节点的集合

.firstChild 获得第一个子节点

.lastChild 获得最后一个子节点\

.nextSibling 获得下一个兄弟节点的引用

.previousSibling 获得上一个兄弟节点的引用

var txt = document.createTextNode("啊啊啊啊啊啊啊啊");

引入文档。

 var p = document.createElement("p");

引入标签。

节点类型 节点名字 节点值
nodeType(数值) nodeName nodeValue

元素节点 1 标签名 null
属性节点 2 属性名 属性值
文本节点 3 #text 文本
注释节点 8 #comment 注释的文字
文档节点 9 #document null

节点的操作：

添加节点：

appendChild(x)：将x添加到chidNodes的末尾。

替换节点：

replaceChild(x，y)：将y换成x。

复制节点：

cloneNode(false或true) true为深度克隆。

删除节点;

removeChild(x) x为删除的对象。

向前添加节点：

insertBefore（x，y）

将x添加在y前。

兼容性问题：

window.onload=function(){
alert(getElesByClassName("td").length);
};
function getElesByClassName(className){
if(document.all){
var sst=document.getElementsByTagName("*");
var arr=[];
for(var a=0;a<sst.length;a++){
if(sst[a].className==className){
arr.push(sst[a]);
}
}
return arr;
}else{
return document.getElementsByClassName(className);
}
}

var xv=document.getElementById("xv");
function bebxt(xx){
var ss=xx.childNodes;
var std=[];
for(var a=0;a<ss.length;a++){
if(ss[a].nodeType==3 && /^\s+$/.test(children[i].nodeValue)){
}else{
std.push(ss[a]);
}
alert(std[i].nodeType);
}
return std;
}

DOM

标签：

原文地址：http://www.cnblogs.com/8minutes/p/4652570.html