查找元素节点：
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 -- 元素节点
