众所周知，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. nginx安装与配置
			
    一.在线安装 ubuntu 安装 sudo apt-get install nginx 安装后文件结构为: 配置文件:/etc/nginx ,并且每台虚拟主机已经安排在 /etc/nginx/site ...
    
			
    2. 
						
  2. php数组操作集锦- 掌握了数组操作, 也就掌握了php
			
    参考下面的文章, 是很好的: http://www.cnblogs.com/staven/p/5142515.html http://pcwanli.blog.163.com/blog/static/ ...
    
			
    3. 
						
  3. PL/SQL存储过程编程
			
    PL/SQL存储过程编程 /**author huangchaobiao *Email:huangchaobiao111@163.com */ PL/SQL存储过程编程(上) 1. Oracle应用编 ...
    
			
    4. 
						
  4. 第一届山东省ACM——Balloons（java）
			
    Description Both Saya and Kudo like balloons. One day, they heard that in the central park, there wi ...
    
			
    5. 
						
  5. Linux开机自动登录（文本模式）
			
    • Linux系统启动登录过程 以RedHat/CentOS为例,Linux系统Level3模式下从启动到登录的整个过程大致如下: 1> 加载BIOS信息:包含了CPU/显卡/内存/硬盘/网卡等 ...
    
			
    6. 
						
  6. Android如何一进入一个activity就唤醒键盘
			
    方法总结: 在AndroidManife.xml中对应的的Activity配置中加入以下配置项: android:windowSoftInputMode="stateVisible|adju ...
    
			
    7. 
						
  7. excel 2010 学习笔记一 Vlookup 函数的使用
			
    有这么一句话说的好:在商用场合里,能证明你会基本的EXCEL操作技巧的两个检查标准就是会不会用VLOOKUP函数以及数据透视表功能,那么今天就来总结一下VLOOKUP的一些简单实用的功能. 1.VLO ...
    
			
    8. 
						
  8. set使用方法
			
    set 添加一个无序的,用set方法,访问速度快,天生解决了重复问题 1.difference 指定某个元素从原来set取出,并生成新的set #difference a = set(["a ...
    
			
    9. 
						
  9. Ubuntu14.04更新源、安装chrome/搜狗输入法
			
    目录: 1.更新源 2.安装chrome 3.安装搜狗输入法     1.更新源 三步: cp /etc/apt/sources.list /etc/apt/sources.list_backup   ...
    
			
    10. 
						
  10. 《Linux常用命令》笔记
			
    ① ifconfig 查看IP状态; ② ls 查看当前路径文件信息,参数: -l 查看文件的详细信息与ll效果一样; -a 查看文件的全部信息; ③ man 查询当前指令的信息,查询可用字母q退出; ...
    
			
    11.