【JS】查询当前css属性遇到问题

thepoy · 发表于 2019-11-12 16:29

本帖最后由 thepoy 于 2019-11-12 16:47 编辑

代码如下：

[HTML] 纯文本查看 复制代码

<!DOCTYPE html>
<html>
        <head>
                <meta charset="utf-8">
                <title></title>
                <style type="text/css">
                        #box1{
                                width: 200px;
                                height: 200px;
                                background: orange;
                        }
                </style>
                <script type="text/javascript">
                        window.onload = function(){
                                var box1 = document.getElementById("box1");
                                var btn01 = document.getElementById("btn01");
                                btn01.onclick = function(){
                                        alert(box1.currentStyle.width);
                                        // alert("hello");
                                }
                        }
                </script>
        </head>
        <body>
                <button type="button" id="btn01">Submit</button>
                <div id="box1"></div>
        </body>
</html>

点按钮就报错：

已解决：
currentStyle 方法只能在IE中起作用，其他浏览器不支持。

傻瓜也会长大 · 发表于 2019-11-12 16:31

谢谢楼主

414269678 · 发表于 2019-11-12 16:32

box1.currentStyle.width ---> box1.style.width

qingyuA · 发表于 2019-11-12 16:45

看不懂顶一下

帐号		自动登录	找回密码
密码			注册[Register]

[已解决] 【JS】查询当前css属性遇到问题

点评