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 相关文章推荐
js获取单选按钮的数据
Nov 27 Javascript
Jquery AJAX 框架的使用方法
Nov 03 Javascript
window.onload和$(function(){})的区别介绍
Oct 30 Javascript
检测一个函数是否是JavaScript原生函数的小技巧
Mar 13 Javascript
基于Jquery+div+css实现弹出登录窗口(代码超简单)
Oct 27 Javascript
js实现对ajax请求面向对象的封装
Jan 08 Javascript
jQuery中判断对象是否存在的方法汇总
Feb 24 Javascript
js模态对话框使用方法详解
Feb 16 Javascript
基于vue实现分页/翻页组件paginator示例
Mar 09 Javascript
vue组件系列之TagsInput详解
May 14 Javascript
Vue切换Tab动态渲染组件的操作
Sep 21 Javascript
JavaScript数组reduce()方法的语法与实例解析
Jul 07 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
Windows Apache2.2.11及Php5.2.9-1的安装与配置方法
2009/06/08 PHP
邮箱正则表达式实现代码(针对php)
2013/06/21 PHP
PHP 中提示undefined index如何解决(多种方法)
2016/03/16 PHP
PHP使用PDO抽象层获取查询结果的方法示例
2018/05/10 PHP
用javascript控制iframe滚动的代码
2007/04/10 Javascript
细品javascript 寻址,闭包,对象模型和相关问题
2009/04/27 Javascript
JQuery 学习笔记 选择器之二
2009/07/23 Javascript
this和执行上下文实现代码
2010/07/01 Javascript
JavaScript游戏之是男人就下100层代码打包
2010/11/08 Javascript
远离JS灾难css灾难之 js私有函数和css选择器作为容器
2011/12/11 Javascript
Jquery实现网页跳转或用命令打开指定网页的解决方法
2013/07/09 Javascript
Jquery取得iframe下内容的方法
2013/11/18 Javascript
JS仿iGoogle自定义首页模块拖拽特效的方法
2015/02/13 Javascript
javascript监听页面刷新和页面关闭事件方法详解
2017/01/09 Javascript
VUE多层路由嵌套实现代码
2017/05/15 Javascript
Angular使用Md5加密的解决方法
2017/09/16 Javascript
checkbox在vue中的用法小结
2018/11/13 Javascript
JavaScript实现Tab选项卡切换
2020/02/13 Javascript
python爬虫入门教程之糗百图片爬虫代码分享
2014/09/02 Python
python实现猜拳小游戏
2020/04/05 Python
给我一面国旗 python帮你实现
2019/09/30 Python
Python 列表中的修改、添加和删除元素的实现
2020/06/11 Python
python+selenium+chrome实现淘宝购物车秒杀自动结算
2021/01/07 Python
美国电子产品折扣网站:Daily Steals
2017/05/20 全球购物
英国运动服、设备及配件网站:DW Sports
2019/12/04 全球购物
财务会计专业毕业生自荐信
2013/10/19 职场文书
电子信息科学专业自荐信
2014/01/30 职场文书
老总助理工作岗位职责
2014/02/06 职场文书
水污染治理工程专业自荐信
2014/06/21 职场文书
创建绿色社区汇报材料
2014/08/22 职场文书
干部四风问题整改措施思想汇报
2014/10/13 职场文书
2014年干部培训工作总结
2014/12/17 职场文书
基层组织建设年活动总结
2015/05/09 职场文书
如何写观后感
2015/06/19 职场文书
uni-app 微信小程序授权登录的实现步骤
2022/02/18 Javascript
golang用type-switch判断interface的实际存储类型
2022/04/14 Golang