javascript - js为什么不能将css属性赋值给变量？-PHP中文网问答

javascript - js为什么不能将css属性赋值给变量？

高洛峰 2017-04-11 10:43:06

[JavaScript讨论组]

671

高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。网络人气名人讲师，...

全部回复(5)

天蓬老师2017-04-11 10:45:06 5楼

jQ用爽了，忘记那些原生写法了嘛~

  oBtn.onclick = function() {
    // var a = oTest.style.display;
    var a =document.defaultView.getComputedStyle(oTest, null).display; 
    console.log(a); 
  };

这个我在红皮书里见得，在这再补个资料，张鑫旭的

赞 +0

添加回复

PHPz2017-04-11 10:45:06 4楼

貌似js获取样式值有一个坑，好像是不能直接获取到css样式文件内的，只能获取内联样式值，你可以这样
：
var attrStyle = function(elem, attr) { //获取样式

                if(elem.attr) {
                    return elem.style[attr];
                } else if(elem.currentStyle) {
                    return elem.currentStyle[attr];
                } else if(document.defaultView && document.defaultView.getComputedStyle) {
                    attr = attr.replace(/([A-Z])/g, '-$1').toLowerCase();
                    return document.defaultView.getComputedStyle(elem, null).getPropertyValue(attr);
                } else {
                    return null;
                }
            }

var height = parseInt(attrStyle(elem, "height")); //获取元素height属性值

赞 +0

添加回复