1.获取内联样式
element.style.attr
2.获取css内部样式
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
div{
width: 100px;
height: 100px;
background: red;
}
</style>
</head>
<body>
<div ></div>
<script type="text/javascript">
function getStyle(element , attr) {
//currentStyle仅支持IE
return element.currentStyle ? element.currentStyle['attr'] : getComputedStyle(element)[attr];
}
var div = document.getElementById('div');
div.onclick = function () {
// console.log(document.defaultView.getComputedStyle(div).height);
console.log(getStyle(div,'height'));
}
</script>
</body>
</html>
以上就是JS之路——JS获取CSS属性的详细内容，更多关于JS之路——JS获取CSS属性的资料请关注九品源码其它相关文章！