好好学习 ，天天向上。Are you ready?

一、设置或获取元素节点对象的属性
1. setAttribute()
2. getattribute()
3. removeAttribute()
二、outerHTML : 获取元素节点对象的全部内容，包含当前节点
innerText : 设置或获取元素节点对象中的纯文本
innerHTML : 设置或获取元素节点对象中的文本
三、获取元素节点中所有的子节点
childNodes ： 获取元素子节点和文本子节点
1. 去除空白文本子节点
function removeSpace(node){
var childs = node.childNodes;
for(var i = 0;i < childs.length;i ++){
if(childs[i].nodeType === 3 && /^\s+$/.test(childs[i].nodeValue)){
node.removeChild(childs[i]);
}
}
return node;
}
2. children : 只获取元素子节点
四、高级选取：
parentNode : 父节点
firstChild : 第一个子节点
firstElementChild : 第一个元素子节点
lastChild : 最后一个子节点
lastElementChild : 最后一个元素子节点
previousSibling : 前一个兄弟节点
previousElementSibling:前一个元素兄弟节点
nextSibling : 后一个兄弟节点
nextElementSibling : 后一个元素兄弟节点
五、如何插入节点： 父节点.insertBefore(新节点，指定节点)
六、如何克隆节点： 对象.cloneNode([true]) : 不带true:当前节点 带true：当前节点及节点中的内容
七、offsetWidth: width + padding + border
offsetHeight : height + padding + border
八、如何获取非行内样式
标准： getComputedStyle(对象,常量).属性
IE： 对象.currentStyle.属性
兼容：
function getStyle(obj,attr){
return window.getComputedStyle ? getComputedStyle(obj,1)[attr] : obj.currentStyle[attr];
}
九、offsetLeft : 当前对象相对于父对象的距离（left)
offsetTop : 当前对象相对于父对象的距离（top)