查找元素节点： 

 document.getElementById() 

            --根据id查找元素，返回对象   

 document.getElementsByTagName()

            --根据标签名查找元素，返回类似数组 

 document.getElementsByClassName()

            --根据类名查找元素，返回类似于数组，.className()--返回空格分开的字符串。

添加节点：

创建元素节点： 

 var element = createElement(tagName);

设置属性：

 element.setAttribute(attrName,attrValue) element.=attrValue;

添加到父元素内部： 

 parentElement.appendChild(element); 

添加到父元素某元素之前，如果 element 是页面中已存在的DOM元素，则该方法为移动元素        

添加到父元素内部某子节点前 :

parentElement.insertBefore(newNode,oldNode)--在旧元素前添加新元素

添加内容

element.innerText()--添加文本内容 

element.innerHTML()--添加html内容

添加文本节点 

var texNode = createTextNode(text);

将文本节点添加到元素节点内部

element.appendChild(textNode);

删除节点：

parentElement.removeChild(childNode);

克隆节点：

var copy = node.cloneNode(boolean) -- ture是克隆时包括后代节点，false是不包括，默认false；

查找(层级--属性)：

node.parentNode --查找父亲元素

node.children --查找元素孩子节点

node.childNodes--查找所有孩子节点包括文本节点

node.firstChild--查找第一个孩子node.lastChild--查找最后一个孩子

node.nextSibling--查找后一个兄弟节点

node.previousSibling--查找前一个兄弟节点

元素属性：

element.style.=arrtValue;

window.getComputedStyle(element) -- 经过计算后的样式

                -- IE9之前浏览器不支持：element.currentStyle

节点属性：

    nodeType

        -- 节点类型，返回数字：1--元素    3--文本

    nodeName

        -- 节点名称，返回字符串："#text" -- 文本    大写标签名 -- 元素

    nodeValue

        -- 节点值，

            返回节点文本内容值 -- 文本节点

            null -- 元素节点