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

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

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

代码如下：
<!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

看不懂顶一下

页: [1]

吾爱破解 - 52pojie.cn's Archiver

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