首页 / CSS / 可变参数css函数获取非行间样式的方法

可变参数css函数获取非行间样式的方法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了可变参数css函数获取非行间样式的方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2363字，纯文字阅读大概需要4分钟。

内容图文

本文主要和大家分享可变参数css函数获取非行间样式的方法，希望能帮助到大家。

1、可变参数

<!DOCTYPE html><html>
    <head>
        <meta charset="UTF-8">
        <title>可变参数</title>
    </head>
    <script>
        window.onload= function(){
            function sum1(){
                var sum=0;                for(var i=0;i<arguments.length;i++){
                    sum+=arguments[i];
                }                return sum;
            }
            alert(sum1(1,2,3,4,5,6,7));
        }    </script>
    <body>

    </body></html>

2、css函数

<!DOCTYPE html><html>
    <head>
        <meta charset="UTF-8">
        <title>css函数</title>
        <script>
            window.onload=function(){
                //css1()和css2()是两个函数，但是功能是相同的。为了防止arguments出现太多容易混乱。所以给他们起一个名字
                function css1(){
                    if(arguments.length==2){                        //记得填写return，这样外部才能接收
                        return arguments[0].style[arguments[1]];
                    }else{                        arguments[0].style[arguments[1]]=arguments[2];
                    }
                }                function css2(obj,name,value){
                    if(arguments.length==2){                        //记得填写return，这样外部才能接收
                        return obj.style[name];
                    }else{
                        obj.style[name]=value;
                    }
                }                var op = document.getElementById('op');
                    alert(css2(op,'width'));                    //里面使用的是字符串
                    css2(op,'background','green');                
            }        </script>
    </head>
    <body>
        <p id='op' style="width: 100px;height: 100px;background: red;">

        </p>
    </body></html>

3、获取非行间样式
使用window.onload（）时，里面不能嵌套别的函数，但是可以调用别的函数。
获取非行间样式有两种方法。
一是：currentStyle使用方法和style相同，但是只有IE兼容，
二是：getComputedStyle，使用方法是getComputedStyle(op，false).width;其中第一个参数是要获取的对象的名称，第二个参数是一个随意的值。
取行间样式时，不能够使用getComputedStyle来取复合样式，比如background，但是如果想要取背景颜色，可以使用backgroundcolor

<!DOCTYPE html><html>
    <head>
        <meta charset="UTF-8">
        <title>获取非行间样式</title>
        <style>
            #p1{width: 300px; height: 200px; background: red;}
        </style>
        <script>
            window.onload=function(){               
                huoqu();
            }            function huoqu(){
                    var op = document.getElementById('p1');                    if(op.currentStyle){
                        alert(op.currentStyle.width);
                    }else{
                        alert(getComputedStyle(op,false).width); 
                    }

                }        </script>
    </head>
    <body>
        <p id='p1'> 
        </p>
    </body> </html>

相关推荐：

如何获取非行间样式？利用js和jquery获取非行间样式

JS获取非行间样式及兼容问题_html/css_WEB-ITnose

关于css非行间的style用法，求解~_html/css_WEB-ITnose

以上就是可变参数css函数获取非行间样式的方法的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的可变参数css函数获取非行间样式的方法全部内容，希望文章能够帮你解决可变参数css函数获取非行间样式的方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/294262.html

来源：【匿名】