用js的style属性可以获得html标签的样式，但是不能获取非行间样式。

解决方法：

在IE下可以用currentStyle;

在FF下用getComputedStyle;

然而，为了让其兼容，解决方法，封装成getStyle事件：

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Title</title>
   <style>
      #div2{width:500px;height:100px;background-color:green;}
   </style>
</head>
<body>
<div id="div2"></div>
</body>
</html>
<script>
最初：
if(oDiv2.currentStyle){
 //IE
 console.log(oDiv2.currentStyle.height);
}else{
 //    FF
 console.log(getComputedStyle(oDiv2,false).width);
}
   //封装一个兼容性的获取元素样式的函数
   //分析:哪个元素,哪个样式
   function getStyle(obj,attr){
      if(obj.currentStyle){
　　　　　　//IE
         return obj.currentStyle[attr];
      }else{
　　　　　　//FF
         return getComputedStyle(obj,false)[attr];
      }
   }
//用法
   window.onload = function(){
      var oDiv=document.getElementById("div2");
      console.log(getStyle(oDiv,"width"));
   }

//进一步封装 

//obj:获取谁的样式,attr:样式名称,value样式的值
function css(obj,attr,value){
   if(arguments.length==2){//获取
      return getStyle(obj,attr)
   }else if(arguments.length == 3){//设置
      obj.style[attr] =value;
   }
}
//用法：
//      oBtn.onclick = function () {
//        css(oDiv,"background","black");
//        css(oDiv,"border","3px solid yellow");
//        console.log(css(oDiv,"width"));
//     }
</script>

补充：
JavaScript中，函数本身的length属性和arguments.length到底有什么区别？
1,函数本身有length属性，表示参数的个数。
arguments.length也表示参数的个数。

2,函数对象的length属性是形式参数的个数；
arguments伪变量的length属性是某次调用的实际参数的个数。
　　例如：
　　　　function func(a,b,c){
　　　　　　console.log(arguments.length);//输出：3
　　　　}
　　　　　　console.log(func.length)//输出: 1
　　　　func(1);
以上是后来发现错的，2017-03-16更正了以后：
    　　function func(a,b,c){

   　　　　console.log("arguments:"+arguments.length); //输出 arguments:：1

　　　　}

　　　　console.log("length:"+func.length); //输出 length: 3

　　　　func(1);

3，函数本身也是对象，对象就有属性，函数有length属性，比如： function fn(x,y,z) {}中 fn.length=3,说明了函数的形参个数； 而在函数体内，arguments.length表示传入函数的实参个数，比如：function fun(1,2) { console.log(arguments.length)} 中实参的个数为arguments.length=2

4，fn.length: 形参个数
arguments.length: 实参个数

//拓展：

//arguments  数组(所有的参数)  可变参(不定参)
function sum2() {
   var result = 0;
   var i = 0;
   for(i=0;i<arguments.length;i++){
      result += arguments[i];
   }
   console.log(result);//输出13

}
sum2(4,4,5);
　总结，除了可以用arguments去判断参数个数，还可以做不定参的运算。
　　　　
												


											
currentStyle的更多相关文章
	

    
						
  1. currentStyle与getComputedStyle应用
		
    getComputedStyle获取的是计算机(浏览器)计算后的样式,但是不兼容IE6.7.8(主要用于非IE浏览器) currentStyle方法兼容IE6.7.8,但是不兼容标准浏览器(主要用于I ...
    
		
    2. 
						
  2. style，currentStyle，getComputedStyle的区别和用法
		
    先说说层叠样式表的三种形式(三种的叫法不一,按照各自的习惯): 一.内联样式:在HTML标签用style属性设置.如: 1 <p >这是内联样式</p> 二.嵌入样式:通过&l ...
    
		
    3. 
						
  3. getComputedStyle/currentStyle/style之间的爱恨情仇
		
    getComputedStyle是? getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值.返回的是一个CSS样式声明对象([object CSSStyleDeclarat ...
    
		
    4. 
						
  4. JavaScript中style, currentStyle和 getComputedStyle的异同
		
    今天在做项目的时候,习惯性的用到了element.style.width,然而浏览器却报错,错误提示是style is undefined,这是我才意识到,内联样式表和外联样式表在js应用中也有很大的 ...
    
		
    5. 
						
  5. dede currentstyle属性完美解决方案
		
    问题一.dede让channelartlist标签支持currentstyle属性 完美解决 打开include\taglib\channelartlist.lib.php找到$pv->Fiel ...
    
		
    6. 
						
  6. .style, .getComputedStyle(),.currentStyle区别
		
    1)style只能获取行间样式(写在标签里面的):能读能写 2)currentStyle是专属ie的属性,区别他返回的是最终样式 及包括行间和外链css 3)getComputedStyle是一个可以 ...
    
		
    7. 
						
  7. 解决织梦channel标签 指定typeid或设置son时 currentstyle无效的修复办法
		
    {dede:channel type='son' row='8' currentstyle="<li><ahref='~typelink~' class='thisclas ...
    
		
    8. 
								
  8. js中return,this,arguments,currentStyle和getComputedStyle小析
		
    一.return返回值:1.函数名+括号:fn()==>return 后面的值2.所有函数默认返回值:未定义3.return后面的任何代码都不会执行二.this:当前对象1.当某个对象后边加事件 ...
    
		
    9. 
						
  9. CSSOM之getComputedStyle,currentStyle,getPropertyValue,getAttribute
		
    js关于CSSOM编程的样式相关几个常用的方法 webkit:getComputedStyle,getPropertyValue IE:currentStyle,getAttribute 前言 jqu ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 关于TortoiseSVN的一些知识
			
    TortoiseSVN的一切命令都是相对于它自己来说的 1.Import,导入,指的是导入SVN的代码库,即Repository. 2.Export,导出,指的是将代码从Repository中导出到你 ...
    
			
    2. 
						
  2. 2078 Problem  H Secret Message  中石油-未提交-->已提交
			
    题目描述 Jack and Jill developed a special encryption method, so they can enjoy conversations without wo ...
    
			
    3. 
						
  3. WCF服务跟踪
			
    如果在开发过程中,WCF服务出现问题,我们可以通过服务引用,然后直接断点调试进去.然而,对于已经发布的服务,出现错误时,寻找错误信息会变得麻烦. 幸好,微软提供了服务跟踪查看器工具 (SvcTrace ...
    
			
    4. 
						
  4. 【leetcode】Binary Tree Zigzag Level Order Traversal （middle）
			
    Given a binary tree, return the zigzag level order traversal of its nodes' values. (ie, from left to ...
    
			
    5. 
						
  5. java实现批量上传（swfupload）
			
    下载 swfupload 文件夹 里面包含handlers.js,swfupload.js,swfupload.swf 三个文件. 我的是和ssh项目整合在一起的.因为struts2的拦截器会拦截所有 ...
    
			
    6. 
						
  6. Excel去重
			
    在excel2007中,数据——>数据工具——>删除重复项也可使用高级筛选:数据——>排序和筛选中的高级——>弹出高级筛选对话框,设置列表区域和条件区域,并勾选“选择不重复记录 ...
    
			
    7. 
						
  7. 使用 ODBC .NET 提供程序和 Visual C# .NET 执行 SQL 参数化存储过程
			
    http://support2.microsoft.com/kb/310130/zh-cn 此分步指导文章描述如何使用 ODBC .NET 托管提供程序和 Visual C# .Net 调用参数化 S ...
    
			
    8. 
						
  8. windows端口备忘
			
    FTP 端口号21 SSH 端口号22 Telnet 端口号23
    
			
    9. 
						
  9. nyoj998(euler)
			
    题意:题意:给出n和m,求满足条件gcd(x, n)>=m的x的gcd(x, n)的和,其中1<=x<=n,1<= n, m <= 1e9:思路:此题和nyoj1007差 ...
    
			
    10. 
						
  10. NYOJ题目770仿射密码
			
    aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAs4AAAIUCAIAAACFKz0yAAAgAElEQVR4nO3dPXLruLaG4TsJ5RqIYw
    
			
    11.