JS常见兼容问题及处理方法总结

不定期补充~

1、获取元素非行间样式

• currentStyle ：只兼容IE浏览器
• getComputedStyle ：获取计算后的样式，不兼容IE6.IE7.IE8

如何获取非行间样式，同时兼容所有浏览器呢？

window.onload=function(){

　　var oDiv1=document.getElementBy("div1");

　　if(oDiv.currentStyle){  //如果浏览器支持currentStyle
                               
　　　　oDiv.currentStyle.width;

     }else{   //如果浏览器不支持currentStyle

　　　　oDiv.getComputedStyle(oDiv,false).width;        //getComputerStyle第二个参数可以是任意值

    }

}    

2、 获取元素子节点：

<ul id="ul1">
    <li>1</li>
    <li>2</li>
    <li>2</li>
    <li>2</li>
    <li>2</li>
</ul>

window.onload=function(){
    var oUl=document.getElementById('ul1');
    
    if(oUl.firstElementChild){
        //高级浏览器
        oUl.firstElementChild.style.background='red';
    }
    else{
        //IE6-8
        oUl.firstChild.style.background='red';
    }
}