js 获取计算后的样式写法及注意事项


Posted in Javascript onFebruary 25, 2013

currentStyle
1.复合样式:currentStyle取不到
例:background、margin
2.取默认样式
3.只能读

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>获取计算后的样式</title> 
<style type="text/css"> 
#div1{ height:100px; background:#069;} 
</style> 
<script type="text/javascript"> 
//兼容 
function getStyle(obj, name) 
{ 
if(obj.currentStyle) 
{ 
return obj.currentStyle[name]; 
} 
else 
{ 
return getComputedStyle(obj, false)[name]; 
} 
} 
window.onload=function() 
{ 
var oDiv=document.getElementById('div1'); 
alert(getStyle(oDiv, 'width')); 
alert(getStyle(oDiv, 'backgroundColor')); //注意在获取复合样式时要单独写,不能写background 
}; 
</script> 
</head> 
<body> 
<div id="div1"></div> 
</body> 
</html>
Javascript 相关文章推荐
jQuery Tab插件 用于在Tab中显示iframe,附源码和详细说明
Jun 27 Javascript
jquery预加载图片的方法
May 27 Javascript
jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码)
Jan 04 Javascript
第六篇Bootstrap表格样式介绍
Jun 21 Javascript
用jquery快速解决IE输入框不能输入的问题
Oct 04 Javascript
简单实现js浮动框
Dec 13 Javascript
ES6学习之变量的解构赋值
Feb 12 Javascript
Bootstrap表格使用方法详解
Feb 17 Javascript
bootstrap fileinput组件整合Springmvc上传图片到本地磁盘
May 11 Javascript
总结javascript三元运算符知识点
Sep 28 Javascript
解决layer.msg 不居中 ifram中的问题
Sep 05 Javascript
Vue使用NProgress的操作过程解析
Oct 10 Javascript
js调用webservice中的方法实现思路及代码
Feb 25 #Javascript
JS获取页面input控件中所有text控件并追加样式属性
Feb 25 #Javascript
JS+CSS制作DIV层可(最小化/拖拽/排序)功能实现代码
Feb 25 #Javascript
JavaScript实现网页图片等比例缩放实现代码及调用方式
Feb 25 #Javascript
30分钟就入门的正则表达式基础教程
Feb 25 #Javascript
js根据给定的日期计算当月有多少天实现思路及代码
Feb 25 #Javascript
Jquery实现仿新浪微博获取文本框能输入的字数代码
Feb 22 #Javascript
You might like
PHP 在线翻译函数代码
2009/05/07 PHP
PHP 获取文件路径(灵活应用__FILE__)
2013/02/15 PHP
获取PHP警告错误信息的解决方法
2013/06/03 PHP
深入php 正则表达式的学习探讨
2013/06/06 PHP
解析WordPress中控制用户登陆和判断用户登陆的PHP函数
2016/03/01 PHP
IE与Firefox在JavaScript上的7个不同写法小结
2009/09/14 Javascript
IE 当eval遇上function的处理
2011/08/09 Javascript
JS实现图片翻书效果示例代码
2013/09/09 Javascript
jQuery 属性选择器element[herf*='value']使用示例
2013/10/20 Javascript
JavaScript参数个数可变的函数举例说明
2014/10/10 Javascript
JavaScript代码应该放在HTML代码哪个位置比较好?
2014/10/16 Javascript
JS获取Table中td值的方法
2015/03/19 Javascript
JavaScript使用replace函数替换字符串的方法
2015/04/06 Javascript
jQuery中$this和$(this)的区别介绍(一看就懂)
2015/07/06 Javascript
Vue声明式渲染详解
2017/05/17 Javascript
nodejs中安装ghost出错的原因及解决方法
2017/10/23 NodeJs
详解Vue的常用指令v-if, v-for, v-show,v-else, v-bind, v-on
2018/10/12 Javascript
微信小程序从注册账号到上架(图文详解)
2019/07/17 Javascript
vue轮播组件实现$children和$parent 附带好用的gif录制工具
2019/09/26 Javascript
Node.js API详解之 assert模块用法实例分析
2020/05/26 Javascript
在项目vue中使用echarts的操作步骤
2020/09/07 Javascript
[47:03]完美世界DOTA2联赛PWL S3 Galaxy Racer vs Phoenix 第二场 12.10
2020/12/13 DOTA
Python实现简单的可逆加密程序实例
2015/03/05 Python
Python 常用的安装Module方式汇总
2017/05/06 Python
Python 稀疏矩阵-sparse 存储和转换
2017/05/27 Python
如何在sae中设置django,让sae的工作环境跟本地python环境一致
2017/11/21 Python
Pycharm设置utf-8自动显示方法
2019/01/17 Python
tensorflow从ckpt和从.pb文件读取变量的值方式
2020/05/26 Python
tensorflow 2.0模式下训练的模型转成 tf1.x 版本的pb模型实例
2020/06/22 Python
5款实用的python 工具推荐
2020/10/13 Python
关于赌博的检讨书
2014/01/08 职场文书
测量工程专业求职信
2014/02/24 职场文书
白血病募捐倡议书
2014/05/14 职场文书
班级体育活动总结
2014/07/05 职场文书
2019年最新借条范本!
2019/07/08 职场文书
Golang解析JSON对象
2022/04/30 Golang