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 相关文章推荐
Locate a File Using a File Open Dialog Box
Jun 18 Javascript
关于微信中a链接无法跳转问题
Aug 02 Javascript
Web安全测试之XSS实例讲解
Aug 15 Javascript
AngularJS实现单独作用域内的数据操作
Sep 05 Javascript
input输入密码变黑点密文的实现方法
Jan 09 Javascript
jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码
Mar 21 jQuery
node使用Koa2搭建web项目的方法
Oct 17 Javascript
Bootstrap table使用方法汇总
Nov 17 Javascript
微信小程序地图(map)组件点击(tap)获取经纬度的方法
Jan 10 Javascript
vue 项目build错误异常的解决方法
Apr 22 Javascript
使用Node.js写一个代码生成器的方法步骤
May 10 Javascript
使用JS来动态操作css的几种方法
Dec 18 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中执行系统命令的方法
2015/03/21 PHP
阿里云Win2016安装Apache和PHP环境图文教程
2018/03/11 PHP
laravel使用Faker数据填充的实现方法
2019/04/12 PHP
Javascript实例教程(19) 使用HoTMetal(6)
2006/12/23 Javascript
Javascript图像处理—为矩阵添加常用方法
2012/12/27 Javascript
Jquery同辈元素选中/未选中效果的实例代码
2013/08/01 Javascript
一个支持任意尺寸的图片上下左右滑动效果
2014/08/24 Javascript
JavaScript对象反射用法实例
2015/04/17 Javascript
js实现的黑背景灰色二级导航菜单效果代码
2015/08/24 Javascript
JS加载器如何动态加载外部js文件
2016/05/26 Javascript
vue构建单页面应用实战
2017/04/10 Javascript
详解webpack异步加载业务模块
2017/06/23 Javascript
NodeJS自定义模块写法(详解)
2017/06/27 NodeJs
JS中Swiper的使用和轮播图效果
2017/08/11 Javascript
微信小程序实现表单校验功能
2020/03/30 Javascript
详解vue-router传参的两种方式
2018/09/10 Javascript
Vue.set()动态的新增与修改数据,触发视图更新的方法
2018/09/15 Javascript
Python MySQLdb Linux下安装笔记
2015/05/09 Python
Python的多维空数组赋值方法
2018/04/13 Python
python使用matplotlib画饼状图
2018/09/25 Python
python 的 openpyxl模块 读取 Excel文件的方法
2019/09/09 Python
使用pyqt 实现重复打开多个相同界面
2019/12/13 Python
Python基础之字典常见操作经典实例详解
2020/02/26 Python
python实现横向拼接图片
2020/03/23 Python
python中元组的用法整理
2020/06/15 Python
Python logging模块进行封装实现原理解析
2020/08/07 Python
Python实现Excel自动分组合并单元格
2021/02/22 Python
工作中个人的自我评价
2013/12/31 职场文书
自我评价是什么
2014/01/04 职场文书
教育教学工作反思
2016/02/24 职场文书
Python实战之用tkinter库做一个鼠标模拟点击器
2021/04/27 Python
vue-router中hash模式与history模式的区别
2021/06/23 Vue.js
HTML常用标签超详细整理
2022/03/19 HTML / CSS
React四级菜单的实现
2022/04/08 Javascript
vue代码分块和懒加载非必要资源文件
2022/04/11 Vue.js
vue项目打包后路由错误的解决方法
2022/04/13 Vue.js