master

分支 (1)

管理

管理

master

jsdemo
/
getstyle2.html

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>js 函数封装getstyle</title>
	<style>
		.box{
			width:200px;
			height:150px;
			border:2px solid #777;
			background: skyblue;
			padding:10px 20px;
			float: left;
		}
		.box2{
			width:200px;
			height: 100px;
			float: left;
			background-color: pink;
			margin-left: 40px;
			opacity: 1;
			padding: 40px;
		}
	</style>
</head>
<body>
	<div class="box" id="box">
		我是box内容的文字！啦啦啦啦啦啦啦~~~
	</div>

	<div class="box2" id="box2">
		我是box2内容的文字！啦啦啦啦啦啦啦~~~
	</div>

	<script type="text/javascript">
		function getStyle(id,property){
			var obj = document.getElementById(id);
			var currStyle = (window.getComputedStyle) ? getComputedStyle(obj)[property] : obj.currentStyle[property];
			return currStyle;
			/* if( window.getComputedStyle ){
				var currStyle = getComputedStyle(obj)[property];
				return currStyle;
			}
			else{
				var currStyle = obj.currentStyle[property];
				return currStyle;
			} */
		}

		alert(getStyle("box",'paddingLeft'));
		alert(getStyle("box2",'marginLeft'));


	</script>
</body>
</html>