浏览器兼容总结

1. 获取某个对象的样式所对应的值

   function getStyle(obj , attr){
       if(obj.currentStyle){
           //IE
           return obj.currentStyle[attr];
       }else{
           //FF&Chrome
           return getComputedStyle(obj)[attr];
       }
   }
   

2. childNodes和nodeType联合使用，解决兼容性问题。childNodes返回第一层子节点。但是在firefox中，会将换行也识别成一个子节点。用nodeType来判断非空行的子节点。children同样的作用：获取第一层的子节点。而且它是兼容各浏览器的。

3. parentNode获取父节点，没有兼容性问题。offsetParent寻找当前元素用来定位的父节点。

4. firstChild和firstElementChild都是获取第一个子节点。前者兼容IE，后者兼容FF。

   //FF || IE
   var oFirst = obj.firstElementChild || obj.firstChild;
   oFirst.style.background = 'red';

   lastChild和lastElementChild获取最后一个子节点。
   nextSibling和nextElementSibling获取兄弟节点。
   previousSibling和previousElementSibling获取兄弟节点。
   上面的都同理。