美文网首页
2019-04-11函数返回值的使用,获取元素样式getComp

2019-04-11函数返回值的使用,获取元素样式getComp

作者: 果冻_4c9b | 来源:发表于2019-04-17 08:31 被阅读0次
       <!DOCTYPE html>
         <html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <script type="text/javascript">
            function tab(){
        return function(){
            return 1;
        }                           
            }
            var num = tab();
            console.log(num());     
        </script>
    </body>
     </html>
    

    获取元素样式

    <!DOCTYPE html>
      <html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            #box {
    
                width: 100px;
                height: 100px;
                border: #000000 1px solid;
            }
        </style>
    </head>
    <body>
        <div id="box">  </div>
        <script type="text/javascript">
            var oBox = document.getElementById('box');
            // if(){} 颜色和路径不可以作为条               
            // 样式是可写不可读(行间样式除外)
            // console.log(oBox.style.width);
            // 获取样式函数
            //          console.log(getComputedStyle(oBox)['width']);
            //              console.log(getComputedStyle(oBox).width);              
            function getStyle(obj, attr) {
                return getComputedStyle(obj)[attr];
            }
            console.log(getStyle(oBox, 'width'));
        </script>
    </body>
     </html>
    

    相关文章

      网友评论

          本文标题:2019-04-11函数返回值的使用,获取元素样式getComp

          本文链接:https://www.haomeiwen.com/subject/dryhwqtx.html