javascript取得css中的属性值

来源:互联网 发布:总结网络推广的工具 编辑:程序博客网 时间:2024/06/08 13:41

<html>
<head>
<title>javascript取得css中的属性值</title>
<style type="text/css">
#demo {
 width: 200px;
 height: 100px;
 background-color: #333;
 color: red;
 padding: 10px;
}
</style>

<script type="text/javascript">
/*
obj:  DOM对象或者是对象的id
styleName: 需要访问的样式名称,不能用"-"号,需要采用驼峰标识。
注意:background-color需要写成backrgoundColor。
在ff下,访问padding,margin样式有问题。
*/
function returnStyle(obj, styleName) {
 var myObj = typeof dom == "string" ? document.getElemenetById(obj) : obj;
 if(document.all) {
  return eval(myObj + ".currentStyle." + styleName);
 } else {
  return eval("document.defaultView.getComputedStyle(" + myObj + ", null)." + styleName);
 }
}
</script>

</head>
<body>
<div id="demo">内容</div>
</br><br/>
<a href="javascript:void(0);" onclick="alert(returnStyle('demo', 'width'));">点击这里取得内容的宽</a>
</body>
</html>

原创粉丝点击