一、DOM模型中获得对象的方法

document.getElementById(id);返回带有指定id的第一个对象的引用
document.getElementsByName(name); 返回带有指定名称的对象的集合
document.getElementsByTagName(tagname); 返回带有指定标签名的对象的集合
document.getElementsByClassName(classname);返回指定的class类的对象的集合

二、通过父节点、子节点获取对象

duixiang.parentNode:获取对象duixiang的父对象。
duixiang.childNodes:获取对象duixiang的子对象数组。 
duixiang.firstChild:获取对象duixiang的第一个子对象。 
duixiang.lastChild:获取对象duixiang的最后一个子对象。 
duixiang.nextSibling:获取对象duixiang的下一个相邻对象。 
duixiang.previoursSibling:获取对象duixiang的上一个相邻节点。 

三、动态操作DOM对象

createElement()：用于创建新元素对象；
例：
var a=document.createElement("p") ;
a得到一个p（段落）对象
appendChild()：用于添加子对象；
例：
v.appendChild(a);
（v是父对象，在v里添加我们刚刚创建的a）
insertBefore(newNode,relNode)：用于插入新对象；
例：
var b=document.createElement("p") ;
v.insertBefore(b,v.firstChild);
（用b插入v中的第一个的前面，使b成为第一个，v是父对象）
replaceChild(newNode,oldNode)：用于替换原有旧对象；
例：
var c=document.createElement("p") ;
v.insertBefore(c,v.firstChild);
（用c换掉v中的第一个，v是父对象）
removeChild(node)：移除对象；
例：
v.remove(v.firstChild);
（删掉v中的第一个子对象）
cloneNode()：克隆对象；
例：
var z=v.cloneNode(true);
完全克隆（连同子对象）
var x= v.cloneNode(false);
不克隆子对象

四、动态操作DOM元素属性

getAttribute()：用于获取元素属性
例：
duixiang.getAttribute("id");
获取对象的id
setAttribute() ：用于设置元素属性
例：
duixiang.setAttribute("id","id-p-new");
设置对象的id为 id-p-new
removeAttribute() ：用于移除元素属性
例：
duixiang.removeAttribute("class");
移除对象的class属性。
attributes() ：用于获取元素全部属性
a=duixiang.attributes();
for (var i=0;i<a.length;i++)
{
console.log(a[i].nodeName+":"+a[i].nodeValue);
}
输出每个属性和其值

五、动态操作DOM元素样式

在对象后面加.style再加你想设置的样式就可
例：a.style.color="red";