用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. 彻底卸载MySql
			
    刚装了下MySql,装的过程中由于修改了服务名,导致最后配置假死,不得已,重装. 但是重装时总是失败,于是google了一下,找到彻底卸载mysql的方法: 最近安装本地测试用 MySQL 服务器时总 ...
    
			
    2. 
						
  2. ACM/ICPC 之 拓扑排序-反向(POJ3687)
			
    难点依旧是题意....需要反向构图+去重+看题 POJ3687-Labeling Balls 题意:1-N编号的球,输出满足给定约束的按原编号排列的重量序列,如果有多组答案,则输出编号最小的Ball重 ...
    
			
    3. 
						
  3. js数组转置
			
    <script type="text/javascript">     var arr=[[1,2,3],[4,5,6],[7,8,9],[17,18,19]];    ...
    
			
    4. 
						
  4. 13.SpringMVC和Spring集成(一)    && 14.SpringMVC和Spring集成（二）
			
    1.概念 Spring是一个开源框架,Spring是于2003 年兴起的一个轻量级的Java 开发框架,Spring致力于J2EE应用的各层的解决方案,Spring是企业应用开发的“一站式”选择,并贯 ...
    
			
    5. 
						
  5. bind+dlz+mysql实现区域记录动态更新
			
    BIND-DLZ实验:http://bind-dlz.sourceforge.net/ 实验环境:RHEL4,BIND-9.5.0-P2.tar.gz(9.4.0以上版本都已含DLZ补丁),Mysql ...
    
			
    6. 
						
  6. HDU 1693 Eat the Trees（插头DP、棋盘哈密顿回路数）+ URAL 1519 Formula 1（插头DP、棋盘哈密顿单回路数）
			
    插头DP基础题的样子...输入N,M<=11,以及N*M的01矩阵,0(1)表示有(无)障碍物.输出哈密顿回路(可以多回路)方案数... 看了个ppt,画了下图...感觉还是挺有效的... 参考 ...
    
			
    7. 
						
  7. 解决Eclipse里Maven工程报 An error occurred while filtering resources错误
			
    这几天被maven的单元测试折腾死了,以为是自己的eclipse有问题呢,今天早上来了又发现eclipse报了一个很奇怪的错误:An error occurred while filtering re ...
    
			
    8. 
						
  8. checkbox实现全选全不选
			
    1.jQuery实现checkbox全选全不选 <!DOCTYPE html> <head runat="server"> <title>jQu ...
    
			
    9. 
						
  9. EasyUI中控件汉化问题
			
    --BY ZYZ 我在使用EasyUI的过程中,遇到了控件无汉化的情况,如下图. 这么多洋文看着觉得挺烦的.时间居然是月日年格式的,这样可不行,得改. 重写控件代码?别,那能是我这种低级代码C-V客能 ...
    
			
    10. 
						
  10. ShareSdk使用心得
			
    1. 微信和朋友圈:分享的时候设置了链接和图片,但就是不显示: 需要指明ShareType为WEB_PAGE 2. 需要完整添加 ShareSdk 的所需要的权限,不然分享闪退,并且不报异常:网络请求 ...
    
			
    11.