js 获取计算后的样式写法及注意事项
2018-10-12 13:52
696 查看
currentStyle
1.复合样式:currentStyle取不到
例:background、margin
2.取默认样式
3.只能读
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>
您可能感兴趣的文章:
相关文章推荐
- js 获取计算后的样式写法及注意事项
- 原生js获取元素最终计算结果样式代码
- js获取样式、currentStyle和getComputedStyle的兼容写法
- 项目开发中的一些注意事项以及技巧总结 基于Repository模式设计项目架构—你可以参考的项目架构设计 Asp.Net Core中使用RSA加密 EF Core中的多对多映射如何实现? asp.net core下的如何给网站做安全设置 获取服务端https证书 Js异常捕获
- js传数组到action 后台 后台获取数组时注意事项
- ArcGis 字段计算表达式写法注意事项
- JS获取dom元素计算样式大小
- javaScript行内样式的获取及注意事项
- Javascript之JS盒子模型常用的属性、定时器、获取浏览器计算后的属性样式值
- 关于JS获取各种尺寸的注意事项
- 在关于原生js获取getAttribute如果是src的一点注意事项
- 由于 box.style.left只能获取行内样式的值,不能获取到css中JS中样式left等值;用JS获取外部CSS样式--currentStyle和getComputedStyle的兼容写法
- js获取计算的样式(非行间样式)
- 原生JS 获取浏览器、窗口、元素等尺寸的方法及注意事项
- js 计算时注意事项
- HTML DOCTYPE属性对JS获取窗口宽度和高度注意事项
- js 获取计算后的样式
- Delphi中获取Unix时间戳及注意事项(c语言中time()是按格林威治时间计算的,比北京时间多了8小时)
- 【注意事项】c#通过CallBack获取C++传递的数据
- jQuery获取checkbox选中项等操作及注意事项