浏览器兼容总结

最新推荐文章于 2020-12-20 13:18:33 发布

Jane_96

最新推荐文章于 2020-12-20 13:18:33 发布

阅读量154

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： JavaScript

本文链接：https://blog.youkuaiyun.com/Jane_96/article/details/80158937

JavaScript 专栏收录该内容

21 篇文章

订阅专栏

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

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获取兄弟节点。
上面的都同理。