javascript获取css属性

最新推荐文章于 2024-08-16 23:09:58 发布

最新推荐文章于 2024-08-16 23:09:58 发布 · 116 阅读

文章标签：

#CSS #JavaScript #IE #浏览器 #ViewUI

jquery 专栏收录该内容

53 篇文章

订阅专栏

本文介绍了一种跨浏览器兼容的方法来获取DOM元素的实际样式值。该方法首先检查元素的内联样式，接着尝试通过IE特有的currentStyle属性或W3C推荐的getComputedStyle方法来获取属性值。

//获得dom css的方法
            function getStyle( elem, name )
            {
                //如果该属性存在于style[]中，则它最近被设置过(且就是当前的)
                if (elem.style[name])
                {
                    return elem.style[name];
                }
                //否则，尝试IE的方式
                else if (elem.currentStyle)
                {
                    return elem.currentStyle[name];
                }
                //或者W3C的方法，如果存在的话
                else if (document.defaultView && document.defaultView.getComputedStyle)
                {
                    //它使用传统的"text-Align"风格的规则书写方式，而不是"textAlign"
                    name = name.replace(/([A-Z])/g,"-$1");
                    name = name.toLowerCase();
                    //获取style对象并取得属性的值(如果存在的话)
                    var s = document.defaultView.getComputedStyle(elem,"");
                    return s && s.getPropertyValue(name);
                //否则，就是在使用其它的浏览器
                }
                else
                {
                    return null;
                }
            }