分针网
JavaScript如何调用CSS属性
黄秀琪 2017-07-10 14:19:28
阅读 6 点赞   阅读 写了86文章
前端开发

JavaScript如何调用CSS属性?


1、javascript获取行内style里的样式

(1)、margin、width、left
obj.style.margin
obj.style.width
obj.style.left


(2)、font-size、border-top-width、-moz-user-select
obj.style.fontSize
obj.style.borderTopWidth

obj.style.mozUserSelect



2、JavaScript获取行外部<style></style>里的样式

(1)firefox中用getComputedStyle()方法

[html] view plain copy print?
<!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获取行外部样式</title>
<style type="text/css">
#body_div{
font-size:14px;
width:400px;
height:500px;
}
</style>
<script type="text/javascript">
function getStyle()
{
var div = document.getElementById("body_div");
var whole = document.defaultView.getComputedStyle(div,null);
alert(whole.fontSize);
alert(whole.width);
alert(whole.height);
}
</script>
</head>
<body onload="getStyle();">
<div id="body_div" style="font-weight:bolder;">JS获取行外部样式</div>
</body>
</html>

(2)IE浏览器用obj.currentStyle方法
©著作权归作者所有
18650135259
客服微信