先上图

1.一些常用的方法

obj.getElementById()                           

 返回带有指定 ID 的元素。

obj.getElementsByTagName()               

返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。

obj.etElementsByClassName()               

 返回包含带有指定类名的所有元素的节点列表。

obj.getElementsByName()                     

方法可返回带有指定名称的对象的集合。//表单中name还是蛮多的

node.childNodes           

只读  childNodes 属性返回节点的子节点集合，以 NodeList 对象。注意他包括文本节点和元素节点(即像换行，空白这些也算 .nodeName 当前元素类型名称   .nodeType 当前元素类型

node.children                

只读  children则不包括文本节点，只有元素节点，子节点列表 很好用推荐

node.firstChild              

只读 node里的第一个节点 （注意，标准下包含文本节点+元素节点  非标准下只含元素节点）推荐使用children[0]

node.lastChild   一样

node.nextSibling || node.nextElementSibling                   

下一个兄弟节点 （注意，这个包含文本节点，前者标准和非标，后者ie下没有）

node.previousSibling || node.previousElementSibling       

上一个兄弟节点 （注意，这个包含文本节点，前者标准和非标，后者ie下没有）

node.parentNode                            

node的父亲节点，仅有一个  只读 无兼容问题  推荐用

node.offsetParent                              

只读 父节点（有定位的父节点，有多个则离他最近的一个）1.如果没有定位的父节点则博人body。 2.如果他自身是定位则ie7以下为html，其他为body。 3.如果他的父级有一个设置了zoom：1 则表示这个父级

document/node.createElement(“标签名”)

创建元素节点。

createTextNode(内容)                               

 创建文本节点。

node.appendChild(node)           

 把新的子节点添加到该node节点里面并且是最后面。   //这个新节点可以是文档中某个已存在的节点，或者您也可创建新的节点。

node.insertBefore(newnode必填,existingnode) 

在该节点里面 指定的子节点前面插入新的子节点。// 这个新节点可以是文档中某个已存在的节点，或者您也可创建新的节点。

node.removeChild(node)                       

 删除该节点里面的node子节点。

node.replaceChild(newnode,oldnode)

新替换该节点里面旧(newnode,oldnode)。    // 这个新节点可以是文档中某个已存在的节点，或者您也可创建新的节点。

createAttribute()                              

 创建属性节点。

element.getAttribute(属性名)                

返回指定的属性值。

element.setAttribute(属性名，属性值)         

setAttribute() 方法添加指定的属性，并为其赋指定的值。如果这个指定的属性已存在，则仅设置/更改值

一些 DOM 对象方法

HTML DOM