JS之路——JS获取CSS属性

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 id="div" style="height: 50px;"></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>

　　

posted @ 2017-03-20 14:40  偏执Dog  阅读(1154)  评论(0)  编辑  收藏  举报