<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>闭包的应用-点赞案例</title>
<style>
ul{
list-style: none;
}
li{
float: left;
margin-left: 10px;
}
img{
width: 200px;
height: 180px;
}
input{
margin-left: 30%;
}
</style>
</head>
<body>
<ul>
<li><img src="images/1.jpg" alt=""><br/><input type="button" value="赞(0)"></li>
<li><img src="images/2.jpg" alt=""><br/><input type="button" value="赞(0)"></li>
<li><img src="images/3.jpg" alt=""><br/><input type="button" value="赞(0)"></li>
<li><img src="images/4.jpg" alt=""><br/><input type="button" value="赞(0)"></li>
</ul>
<script>
var btn=document.getElementsByTagName('input');
function getValue(){
var value=1;
return function(){
this.value="赞("+(value++)+")";
}
}
for(var i=0;i<btn.length;i++){
btn[i].onclick=getValue();
}
</script>
</body>
</html>