运行时样式
<!doctype html>
<html>
<head>
<!--
JavaScript使用元素的 style 属性进行元素样式的改变和读取。但有些时候 style 属性也
无法获取你想要的属性，例如：
-->
<style>
#p{
color:blue;
}
</style>
</head>
<body>
<div id="p">
<div id="c">
文字
</div>
</div>
</body>
<script>
var c = document.querySelector('#c');
alert(c.style.color);//
/*
每个元素对象都有一个 style 对象属性，用来保存自己的样式，但它并不是即时更新的。
对于由样式继承所实现的样式改变，style 对象无法获取到最新的值。
运行时样式就是为了解决这个问题而出现的，如：
*/
//在IE 下使用的运行时样式
alert(c.currentStyle.fontSize);
//FF 或 chrome 下使用的运行时样式
alert(window.getComputedStyle(c,null).fontSize);
//注意：不同浏览器获取的像素单位不一致，最好在定义样式时只使用像素（px）单位。
</script>
</html>
相关文章
- 1. 显式运行时链接
- 2. JVM运行时是什么样子
- 3. JVM运行时是什么样子？
- 4. 《怎样运行Servlet》
- 5. 运行时和运行库
- 6. 程式运行时不能跟踪调试，该怎样解决?
- 7. 行内样式
- 8. Android运行时
- 9. ASP.NET运行时
- 10. 运行计时
- 更多相关文章...
相关标签/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
一个历史类的公众号，欢迎关注
欢迎关注本站公众号,获取更多程序园信息
相关文章
- 1. 显式运行时链接
- 2. JVM运行时是什么样子
- 3. JVM运行时是什么样子？
- 4. 《怎样运行Servlet》
- 5. 运行时和运行库
- 6. 程式运行时不能跟踪调试，该怎样解决?
- 7. 行内样式
- 8. Android运行时
- 9. ASP.NET运行时
- 10. 运行计时