几种情况下的兼容，一定会在面试题里面出的，一定得默写下来才行

//1.滚动条距顶端的距离
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
//2.滚动条距左端的距离
var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
//3.getElementsByClassName的兼容
function byClassName(obj,className){
if(obj.getElementsByClassName){
//支持
return obj.getElementsByClassName(className);
}else{
//不支持
var arr = [];
var eles = obj.getElementsByTagName(’*’); //获取所有的元素对象
for(var i = 0,len = eles.length;i < len;i ++){
//遍历所有元素，判断是否与指定的class名相同
if(eles[i].className === className){
arr.push(eles[i]); //如果相同，存入新的数组
}
}
return arr;
}
}
//4.//获取元素对象中class属性值的兼容
function getClassValue(obj){
return obj.getAttribute(‘class’) ? obj.getAttribute(‘class’) : obj.getAttribute(‘className’);
}
//5.//获取非行内样式的兼容
function getStyle(obj,attr){
//return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj,true)[attr];
return window.getComputedStyle ? getComputedStyle(obj,1)[attr] : obj.currentStyle[attr];
}