众所周知，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. 【11-10】spring学习笔记-ApplicationContextAware
			
    package util; /** * @author aloha_world_ * @date 2016年11月10日 下午7:50:08 * @version v1.00 * @descripti ...
    
			
    2. 
						
  2. thinkphp如何一次性的上传多个文件,在文件域中可以多选?
			
    可以做到类似于某度网盘的样式吗? 文件夹的命名, 可以用单数, 也可以用复数, 在同一个项目中, 只要统一就好了. 毕竟项目开发不同于英语写作. 建议使用缩写, 不管是不是缩写都用单数, 这样简洁,容 ...
    
			
    3. 
						
  3. keras安装
			
    找对工具真的很重要,周末和学霸折腾了一天才装了几个包,问了同事找了一个方便的包,装起来不要太快啊.二十分钟全部搞定. 一.Anaconda 真是大杀器,牛到飞起来,一键部署,所有常用的机器学习包全部包 ...
    
			
    4. 
						
  4. JavaScript葵花宝典之闭包
			
    闭包,写过JS脚本的人对这个词一定不陌生,都说闭包是JS中最奇幻的一个知识点,  虽然在工作中,项目里经常都会用到~  但是是不是你已经真正的对它足够的了解~~ 又或者是你代码中出现的闭包,并不是你刻 ...
    
			
    5. 
						
  5. 纯JS实现俄罗斯方块，打造属于你的游戏帝国
			
    纯JS俄罗斯方块,打造属于你的游戏帝国. 本文原始作者博客 http://www.cnblogs.com/toutou 俄罗斯方块(Tetris, 俄文:Тетрис)是一款电视游戏机和掌上游戏机游戏 ...
    
			
    6. 
						
  6. 同步(Synchronous)和异步(Asynchronous)
			
    目录 概念性 图示例 举个例子 回到顶部 概念性 同步和异步通常用来形容一次方法调用. 同步方法调用一旦开始,调用者必须等到方法调用返回后,才能继续后续的行为. 异步方法调用更像一个消息传递,一旦开始 ...
    
			
    7. 
						
  7. python 2.7 学习笔记--day1--基础语句和语法
			
    1. 用户交互 鉴于本小节十分的基础,变不多做赘述啦! 1.1 输出第一个程序:"Hello World !" 1.2 输出字符串,重点是去除字符串中的前后的空格,使用strip( ...
    
			
    8. 
						
  8. Open Xml 读取Excel中的图片
			
      在我的一个项目中,需要分析客户提供的Excel, 读出其中的图片信息(显示在Excel的第几行,第几列,以及图片本身). 网络上有许多使用Open Xml插入图片到Word,Excel的文章, 但 ...
    
			
    9. 
						
  9. Android获取屏幕宽度高度
			
    方法一: WindowManager wm = (WindowManager) this .getSystemService(Context.WINDOW_SERVICE); int width =  ...
    
			
    10. 
						
  10. 通过ip查询对方位置
			
    我们这里使用的是baidumap的高精度IP定位API的接口,具体说明可以参考baidu提供的文档 使用前需要申请一个AK密钥类似于Kgcx......................xxl8w的样式 ...
    
			
    11.