<body>
<!-- 获取一堆name名相同的div,点击弹出显示第几个div -->
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
</ul>
</body>
<script>
// 方法一
var lis = document.querySelectorAll('li');
// for (let i = 0; i < lis.length; i++) {
// lis[i].onclick = function() {
// alert(i + 1);
// };
// }
// 闭包是指有权访问函数作用域内变量的函数
// for (var i = 0; i < lis.length; i++) {
// lis[i].index = i;
// lis[i].onclick = function() {
// alert(this.index + 1);
// };
// }
// 方法三 立即执行函数
for (var i = 0; i < lis.length; i++) {
(function(k) {
lis[k].onclick = function() {
alert(k + 1);
};
})(i);
}
</script>