获取非行间样式,数组

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,是变量,传入的是参数,都不用加引号

时间: 2024-10-10 18:25:51

获取非行间样式,数组的相关文章

js获取非行间样式或定义样式

1 <!--DOCTYPE html--> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <style> 6 *{ text-align:center;} 7 input{ margin-top:30px; padding:10px 20px;} 8 #div1{ width:500px; height:300px; background:red; margin:10px aut

Date对象,封闭空间,函数传参和封装,获取非行间样式,字符串操作

一.Date对象 1. 获取 oDate.getFullYear() 获取年份 oDate.getMonth()+1  获取月份( 0-11)----->1-12 oDate.getDate()  获取日 1-31 oDate.getHours() 获取小时 oDate.getMinutes() 获取分 oDate.getSeconds() 获取秒 oDate.getMilliseconds();   //毫秒 oDate.getDay() 获取星期几 0-6     0:星期天 例:数码时钟

JavaScript获取非行间样式/定义样式

html节点的样式分为以下几种 (1)浏览器默认样式 (2)引用样式(引用外部css文件的样式.style标签内定义的样式) 引用外部css样式:<link rel="stylesheet" href="css/style.css" type="text/css"> style标签内:<style> width:100px; </style> (3)行间样式(节点style属性定义的样式)比如:<div

获取非行间样式

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{text-align: center} input{margin-top:30px;padding:10px;} #div1{width:500px;height:300px;background:re

继上一篇:获取非行间样式,此处有兼容问题

html格式: <body> <div id="div1" style="width:200px; height:200px; background:red;"> </div> js代码: window.onload=function () { var oDiv=document.getElementById('div1'); //alert(oDiv.style.width);     //style只能用来获取行间样式 //I

JS获取非行间样式

我们都知道用offset函数获取元素样式是一件很方便的事,但是offset只能获取行间样式,而无法获得非行间样式,这是它的瓶颈所在. 我们都知道js获取行间样式的方法,那么js是如何获取行距样式的呢? 首先让我们看一下js是如何获取行间样式的: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona

JS获取非行间样式及兼容问题

获取非行间样式: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>获取非行间样式</title> <style> #div1{height: 200px;width: 200px;background-color: red;} </style> <script> fun

获取非行间样式的方法

了解css三种写入样式的方法 1. 内联: 写在style标签内 1 <style> 2 div { 3 width: 300px; 4 height: 300px; 5 border-width: 1px; 6 border-style: solid; 7 border-color: black; 8 background-color: pink; 9 } 10 </style> 2. 外联: 使用link标签导入 1 <link rel="stylesheet&

css函数,来自于jQuery,获取非行间样式

css(oDiv,'width')获取样式(会把样式的结果给返回出去) css(oDiv,'width','200px')       设置样式 简单来说,css函数给两个参数是获取,给三个参数是设置. html格式: <body> <div id="div1" style="width:200px; height:200px; background:red;"> </div> js代码: function css() { if(