master

分支 (1)

管理

管理

master

jsdemo
/
getstyle3.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: #000;
			padding:10px 20px;
			opacity: 0.2;
			filter: alpha(opacity=20);
		}
	</style>
</head>
<body>
	<div class="box" id="box">
		我是box内容的文字！啦啦啦啦啦啦啦~~~
	</div>


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

		}
		var oBox = document.getElementById("box");
		alert(getStyle(oBox,'paddingLeft'));


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