master

分支 (1)

管理

管理

master

jsdemo
/
click2.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>click 事件</title>
		<style>
			.wrap{
				width:700px;
				padding: 10px;
				border: 1px solid #444;
			}
			.box{
				width:100px;
				height: 100px;
				display: inline-block;
				margin-left: 20px;
				background-color: pink;
			}
		</style>
	</head>
	<body>
		<div class="wrap" id="wrap">
			<div class="box"></div>
			<div class="box"></div>
			<div class="box"></div>
			<div class="box"></div>
			<div class="box"></div>
		</div>
		<script>
			var oWrap = document.getElementById("wrap");
			var oBoxs = oWrap.getElementsByTagName("div");

			//封闭作用域，
			for(var i=0; i<oBoxs.length; i++){
				//定义一个属性，记住这个，用于调用
				oBoxs[i].index = i;
				oBoxs[i].onclick = function(){
					alert(this.index);
				}
			}

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