获取非行间样式,数组

1.用style来获取的是行间样式,若是要获取非行间样式,则要采用currenStyle,getComputedStyle。在用参数的时候要用[]这个来框出来,不能用.

2.getComputedStyle(obj,false)[name]这个false可以换成别的,null也行。换成nul就报错。

3.alert(getStyle(oDiv, 'background'));这里获取的background 是一个复合的样式。这个地方如果是要获取'width'不能直接用width。

在函数传参的时候,color则在oDiv.style.background=color

这里就不能写成‘color’,color为变量。在传入参数的时候要写成‘green’。变量和参数不用加引号,而其余的就要加引号

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        #div1
        {
            width:200px;
            height: 200px;
            background: red;
        }
    </style>
    <script type="text/javascript">
        var a = new Array (223,43,2,2,2,2);
        var b = [1,2,3]
//        a.length = 1;
//        a.unshift(3);
//        a.splice(2,2);
//        alert(a);
//        alert(a.concat(b));
        alert(b.concat(a));
        alert(a.join('~~'))
        alert(a.sort(function (n1, n2) {
            return n1-n2;
//            if(n1<n2)
//            {
//                return -1;
//            }
//            else if(n1>n2)
//            {
//                return 1;
//            }
//            else
//            {
//                return 0;
//            }
        }));
       function css(obj, name, value)
       {
           alert(obj == arguments[0]);
           if(arguments.length == 2)
           {
              return arguments[0].style[arguments[1]];
           }
           else
           {
               arguments[0].style[arguments[1]] = arguments[2];
           }

       }
       function getStyle(obj, name)
       {
           if(obj.currentStyle)
           {
               return obj.currentStyle[name];
           }
           else
           {
               return getComputedStyle(obj,false)[name];
           }
       }

       window.onload = function ()
       {
            var oDiv = document.getElementById('div1');
//            alert(oDiv.currentStyle.width);
//           alert(getComputedStyle(oDiv,false).width);
          alert(getStyle(oDiv, 'background'));
       }
    </script>
</head>

<body>
<div id = "div1"></div> "

</body>
</html>

因为他们是字符串。oDiv,是变量,传入的是参数,都不用加引号

原文地址:https://www.cnblogs.com/zhuni/p/4695815.html