DOM知识点补充

一、元素对象的属性及自定义属性的设置或获取？
对象.属性
对象[‘属性’]
对象.getAttribute(‘属性名’)
对象.setAttribute(‘属性名’,‘属性值’)
对象.removeAttribute(‘属性名’);
二、outerHTML : 获取当前元素对象及所有内容
innerHTML : 设置或获取当前元素对象内的内容（可解析html)
innerText : 设置或获取当前元素对象内的内容（不可解析HTML)
三、如何获取指定对象中的所有子节点？
1. childNodes : 获取当前节点中所有的子节点（包含文本节点和元素节点）
//删除空白文本子节点
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 ： 获取当前节点中所有的元素子节点
四、高级选取
firstChild : 第一个子节点
firstElementChild : 第一个元素子节点
lastChild : 最后一个子节点
lastElementChild : 最后一个元素子节点
parentNode : 父节点

previousSibling : 前一个兄弟节点
previousElementSibling : 前一个元素兄弟节点
nextSibling : 后一个兄弟节点
nextElementSibling : 后一个元素兄弟节点

五、offsetWidth : 获取对象当前的实际宽度（相对） width + border + padding
offsetHeight : 获取对象当前的实际高度（相对） height + border + padding

六、 获取非行内样式：
标准浏览器 ： getComputedStyle(对象,1).属性
IE9以下： 对象.currentStyle.属性

兼容：
function getStyle(obj,attr){
	return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj,1)[attr];
}

七、 父节点.insertBefore(newNode,oldNode) 在指定的节点前插入一个新的节点
八、 offsetLeft : 获取当前对象相对于父对象的left值
offsetTop : 获取当前对象相对于父对象的top值