众所周知，obj.style只能够获取

<div id="a" style="width:100px;"></div>

结构上的样式

如果想要获取：

    <style>

        div{width:100px;}

    </style>

的样式的话，需要：

    function getStyle(obj, attr)

    {

        if(obj.currentStyle)

        {

            return obj.currentStyle[attr];

        }

        else

        {

            return getComputedStyle(obj, false)[attr];

        }

    }
最后完整案例：
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style>

        div{width:100px;}

    </style>

</head>

<body>

<div id="a"></div>

</body>

</html>

<script type="text/javascript">

    function getStyle(obj, attr)

    {

        if(obj.currentStyle)

        {

            return obj.currentStyle[attr];

        }

        else

        {

            return getComputedStyle(obj, false)[attr];

        }

    }

    var div = document.getElementById("a");

    var b = getStyle(a,"width");

    console.log(b);

</script>




												


											
js获取css中的样式的更多相关文章
	

    
								
  1. 如何javascript获取css中的样式
		
    obj.style.height只能获取行间样式,但是我们要怎么获取写在css文件中的样式呢? 首先我们要用一个新的方法currentStyle.这个方法由current和style两个单词组成意思是 ...
    
		
    2. 
						
  2. js获取css的各种样式并且设置他们
		
    js原生获取css样式,并且设置,看似简单,其实并不简单,我们平时用的ele.style.样式,只能获取内嵌的样式,但是我们写的样式基本都在style属性里面; 这里我们就需要: 下面这个代码主要是设 ...
    
		
    3. 
						
  3. javascript获取css中的样式值
		
    <body> <input type="button" id="btn" value="启动"/> <img  ...
    
		
    4. 
						
  4. js获取css样式方法
		
    一.CSS样式共有三种:内联样式(行间样式).内部样式.外部样式(链接式和导入式) <div id="a" style="width: 100px;height:  ...
    
		
    5. 
						
  5. JS基础入门篇（ 三 ）—使用JS获取页面中某个元素的4种方法以及之间的差别（ 一 ）
		
    1.使用JS获取页面中某个元素的4种方法 1.通过id名获取元素 document.getElementById("id名"); 2.通过class名获取元素 document.g ...
    
		
    6. 
						
  6. js获取URL中的参数
		
    js获取URL中的一些参数的意思 location对象 含有当前URL的信息. 属性 href 整个URL字符串. protocol 含有URL第一部分的字符串,如http: host 包含有URL中 ...
    
		
    7. 
						
  7. js获取jsp中的变量值
		
    js获取jsp中的变量值,有两种方式: 1.jsp标签获取属性 var message = '<%=request.getAttribute("message")%>' ...
    
		
    8. 
						
  8. js 获取url中的参数 修改url 参数 移除url参数
		
    js 获取url中的参数 修改url 参数 移除url参数 var jsUrlHelper = { getUrlParam : function(url, ref) { var str = " ...
    
		
    9. 
						
  9. js  和 css 中 不能使用 jsp  页面中一些 标签 和 java 代码等，应注意
		
    js  和 css 中 不能使用 jsp  页面中一些 标签 和 java 代码等,应注意 如 ${ }  <%%>  等
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Windows服务已经标记为删除
			
    一般卸载后..刷新一下服务列表就会消失不见..但是也会偶尔碰上一些钉子户.. 这时候其实重启一下机器就可以解决这个问题..会被回收掉..但是在服务器上..可不是随便都能重启的.. 这就到祭出杀手锏的时 ...
    
			
    2. 
						
  2. NancyFX 简介
			
    Nancy是.NET 平台的微框架.在受到Ruby社区的Sinatra框架启发下,NancyFx框架提供一个.NET平台下的低门槛.易上手的可用于Web开发工具包. 请注意我说的是可用于Web开发,这 ...
    
			
    3. 
						
  3. codevs3304 水果姐逛水果街
			
    题目描述 Description 水果姐今天心情不错,来到了水果街. 水果街有n家水果店,呈直线结构,编号为1~n,每家店能买水果也能卖水果,并且同一家店卖与买的价格一样. 学过oi的水果姐迅速发现了 ...
    
			
    4. 
						
  4. SVN搭建简单教程
			
    一.引言 笔者曾经试图在网上搜索一篇关于SVN源代码服务器搭建方面的中文技术文章,可惜,所找到的,要么是不完整,要么就是对笔者没什么帮助的文章,TortoiseSvn的帮助文档固然强大,但因为是英文, ...
    
			
    5. 
						
  5. java基础知识（十一）java反射机制（上）
			
    java.lang.Class类详解 java Class类详解 一.class类 Class类是java语言定义的特定类的实现,在java中每个类都有一个相应的Class对象,以便java程序运行时 ...
    
			
    6. 
						
  6. python调用其他程序或脚本方法（转）
			
    python运行(调用)其他程序或脚本 在Python中可以方便地使用os模块运行其他的脚本或者程序,这样就可以在脚本中直接使用其他脚本,或者程序提供的功能,而不必再次编写实现该功能的代码.为了更好地 ...
    
			
    7. 
						
  7. spring 上传 下載文件
			
    1,spring配置文件添加文件上传配置 <!-- 上传文件 --> <bean id="multipartResolver" class="org.s ...
    
			
    8. 
						
  8. 页面解耦—— 统跳协议和Rewrite引擎
			
    原文: http://pingguohe.net/2015/11/24/Navigator-and-Rewrite.html 解耦神器 —— 统跳协议和Rewrite引擎 Nov 24, 2015 • ...
    
			
    9. 
						
  9. Maven的POM.xml配置大全
			
    <?xml version="1.0" encoding="utf-8"?> <project xmlns="http://mave ...
    
			
    10. 
						
  10. 在Qt Creator 和在 vs2012 里添加信号和槽
			
    原文地址:http://www.cnblogs.com/li-peng/p/3644812.html 作者:李鹏 出处:http://www.cnblogs.com/li-peng/ 本文版权归作者和 ...
    
			
    11.