您现在的位置:首页 >> 前端 >> 内容

浏览器兼容问题总结

时间:2018/5/7 10:08:16 点击:

  核心提示:获取某个对象的样式所对应的值function getStyle(obj , attr){if(obj.currentStyle){//IEreturn obj.currentStyle[attr];}...

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

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

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

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

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

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

lastChild和lastElementChild获取最后一个子节点。

nextSibling和nextElementSibling获取兄弟节点。

previousSibling和previousElementSibling获取兄弟节点。

上面的都同理。

作者:网络 来源:Jane_96的博客