JS获取CSS属性值

iteye_12552

于 2009-09-08 13:52:47 发布

阅读量142

点赞数

分类专栏： WEB 文章标签： CSS QQ XHTML HTML

WEB 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个JavaScript函数GetCurrentStyle，该函数用于从DOM元素中获取指定CSS属性的当前值。通过检查浏览器是否支持currentStyle属性或者getComputedStyle方法来实现跨浏览器兼容性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS获取CSS属性值</title>
<style type="text/css">

</style>
<link href="styles_red.css" rel="stylesheet"/>
</head>
<body>
<div id="qq" class="divtitle">sdf</div>
<script type="text/javascript">
function GetCurrentStyle (obj, prop) {
if (obj.currentStyle) {
return obj.currentStyle[prop];
}else if (window.getComputedStyle) {
propprop = prop.replace (/([A-Z])/g, "-$1");
propprop = prop.toLowerCase ();
return document.defaultView.getComputedStyle (obj,null)[prop];
}
return null;
}
var dd=document.getElementById("qq");
alert(GetCurrentStyle(dd,"color"));
</script>

</body>
</html>