javascript脚本中如何获取css的属性值呢?


摘要:
下文讲述使用js脚本获取css属性值的方法分享,如下所示:

实现思路:
    通过js中DOM对象的style对象的相关css属性值,即可返回css属性值      

注意事项:
    此方法可运行在市面上所有流行浏览器

例:

<meta charset="UTF-8">
<p>
  maomao365.com<br />
使用js获取下面元素的css属性信息
</p>
<hr />
<div class="cssTest" 
    style="font-size:2em;color:blue;">
		我是被获js获取css属性的元素
</div>
<hr />
<script>
var  t = document.querySelector('.cssTest')

var fontSize = t.style.fontSize;
document.write("font-size:"+fontSize+"<br />") //2em

var color = t.style.color;
document.write("color:"+color+"<br />"); //blue
</script>
js获取css属性值的方法分享

js获取css属性值的方法分享