分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置：首页 > 教程案例

JS闭包获取li的index值

发布时间：2023-09-06 01:23责任编辑：林大明关键词：闭包
  1. <!DOCTYPE html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>Document</title>  
  6.     <style type="text/css">  
  7.         li{  
  8.             background-color: red;  
  9.         }  
  10.     </style>  
  11.     <script type="text/javascript">  
  12.         window.onload=function(){  
  13.               
  14.             var list =document.getElementsByTagName(‘li‘);  
  15.                 for(var i=0;i<list.length;i++){  
  16.                     list[i].onclick =   (function(n){  
  17.                         return function(){  
  18.                             alert(n);  
  19.                         }  
  20.                     })(i)  
  21.             }  
  22.         }  
  23.     }  
  24.     </script>  
  25. </head>  
  26. <body>  
  27.     <ul>  
  28.         <li>1</li>  
  29.         <li>2</li>  
  30.         <li>3</li>  
  31.         <li>4</li>  
  32.         <li>5</li>  
  33.     </ul>  
  34. </body>  
  35. </html>  

JS闭包获取li的index值

原文地址：http://www.cnblogs.com/hdlyczs/p/7792650.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved