众所周知，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. Bubble Cup 8 finals F. Bulbo (575F)
			
    题意: 给定初始位置,查询n次区间,每次查询前可以花费移动距离的代价来移动, 查询时需要花费当前位置到区间内最近的点的距离,求最小代价. 1<=n<=5000,1<=所有位置< ...
    
			
    2. 
						
  2. 最长回文子串（Longest Palindromic Substring）
			
    这算是一道经典的题目了,最长回文子串问题是在一个字符串中求得满足回文子串条件的最长的那一个.常见的解题方法有三种: (1)暴力枚举法,以每个元素为中心同时向左和向右出发,复杂度O(n^2): (2)动 ...
    
			
    3. 
						
  3. bzoj1492 斜率优化|cdq分治
			
    #include <stdio.h> #include <bitset> #include <string.h> #include <stack> #i ...
    
			
    4. 
						
  4. Hibernate之缓存的原理
			
    一．关于缓存: 其实对于缓存而言,它其实就是一块内存空间,在这个空间中存放了相互关联的持久化对象, 也就是存在于Session缓存内的对象,那么Session负责根据持久化对象的状态变化来同步的更新数 ...
    
			
    5. 
						
  5. vim 添加php自动补全 并格式化代码
			
    自动补全,修改/etc/vimrc的配置 vim /etc/vimrc 添加: filetype plugin on autocmd FileType php set omnifunc=phpcomp ...
    
			
    6. 
						
  6. java.lang.ClassNotFoundException: com.mysql.jdbc.Driver解决办法
			
    这个问题的原因是没有导入mysql连接库,我从官网上下载后照着网上的教程各种导入无果,最后发现是我导入的文件错了.... 官网上下下来的压缩文件是这个,不过这并不是直接要导入的文件,首先解压文件,然后 ...
    
			
    7. 
						
  7. Android中矢量动画
			
    Android中矢量动画 Android中用<path> 标签来创建SVG,就好比控制着一支画笔,从一点到一点,动一条线. <path> 标签 支持一下属性 M = (Mx,  ...
    
			
    8. 
						
  8. 关于数组去重的几种方法-------javascript描述
			
    第一种方法:借助json对象来实现,若json对象中无该属性则添加,否则不添加,最后返回json对象的属性,时间复杂度为O(n) function deleteArrayRepeat(arr) { v ...
    
			
    9. 
						
  9. HTTP连接管理
			
    本文是<HTTP权威指南>读书笔记: 几乎所有的HTTP通信都是通过TCP/IP承载的,当HTTP要传送一些报文时,会以流的形式将报文数据的内容通过一条打开的TCP连接按序传输.因此HTT ...
    
			
    10. 
						
  10. ubuntu
			
    mongoChef: http://3t.io/mongochef/download/core/platform/#tab-id-3 背景色改成豆沙绿: /usr/share/themes/Ambia ...
    
			
    11.