您的位置：首页 > Web前端 > CSS

运行时样式

2015-10-16 10:32 399 查看 
<!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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航