众所周知，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. 耗时两月，NHibernate系列出炉
			
    写在前面 这篇总结本来是昨天要写的,可昨天大学班长来视察工作,多喝了点,回来就倒头就睡了,也就把这篇总结的文章拖到了今天. nhibernate系列从开始着手写,到现在前后耗费大概两个月的时间,通过总 ...
    
			
    2. 
						
  2. [.net core]简介(转)
			
    原文地址:https://docs.microsoft.com/zh-cn/dotnet/articles/core/ NET Core 是一个通用开发平台,由 Microsoft 和 GitHub  ...
    
			
    3. 
						
  3. 基于jQuery的Validate表单验证
			
    表单验证可以说在前端开发工作中是无处不在的~ 有数据,有登录,有表单, 都需要前端验证~~  而我工作中用到最多的就是基于基于jQuery的Validate表单验证~  就向下面这样~ 因为今天有个朋 ...
    
			
    4. 
						
  4. VBA学习思路
			
    打算花两三天学习VBA的基础,学习资料为<别怕,VBA其实很简单>,为了快速学习,先了解大致框架,后续再深入学习各种属性.方法和技巧. 1.VBA编程环境基本操作,手工操作,熟悉即可 2. ...
    
			
    5. 
						
  5. RabbitMQ 简介
			
    1. MQ描述 MQ全程为Message Queue,消息队列(MQ)是一种应用程序对应用程序通信的方法.应用程序通过读写出入队列的消息来通信,而无需专用连接来链接它们.消息传递指的是程序之间通过在消 ...
    
			
    6. 
						
  6. express-session使用理解
			
    本篇主要段落翻译来自https://github.com/expressjs/session 客户端与服务会使用一个Sessionid的Cookie值来进行客户端和服务器端会话的匹配,这个Cookie ...
    
			
    7. 
						
  7. 导出Excel通用工具类
			
    导出Excel的两种方法: 一,POI 导入poi包 poi-3.11-beta3-20141111.jar /** * */ package com.car.ots.mpckp.utils; imp ...
    
			
    8. 
						
  8. CSS 中关于background 属性功能
			
    background 是 css中的核心属性,我们对他应该充分了解. background-image   定义背景图像  这个属性是我们用的最多的属性 设置背景图像有两个方式 background: ...
    
			
    9. 
						
  9. 优先队列实现Huffman编码
			
    首先把所有的字符加入到优先队列,然后每次弹出两个结点,用这两个结点作为左右孩子,构造一个子树,子树的跟结点的权值为左右孩子的权值的和,然后将子树插入到优先队列,重复这个步骤,直到优先队列中只有一个结点 ...
    
			
    10. 
						
  10. （转）System.Drawing.Color的颜色对照表
			
    经常使用System.Drawing.Color, 本篇介绍一下颜色与名称及RGB值的对应关系. 1. 颜色与名称的对照表(点击下图放大看): 2. 颜色与RGB值对照表: Color.AliceBl ...
    
			
    11.