JS闭包获取li的index值

  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. var list =document.getElementsByTagName(‘li‘);
  14. for(var i=0;i<list.length;i++){
  15. list[i].onclick =   (function(n){
  16. return function(){
  17. alert(n);
  18. }
  19. })(i)
  20. }
  21. }
  22. }
  23. </script>
  24. </head>
  25. <body>
  26. <ul>
  27. <li>1</li>
  28. <li>2</li>
  29. <li>3</li>
  30. <li>4</li>
  31. <li>5</li>
  32. </ul>
  33. </body>
  34. </html>
时间： 2024-11-14 22:45:51

JS闭包获取li的index值的相关文章

闭包 —— 获取li列表的index简例

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>获取li的index</title> </head> <body> <ul> <li><登鹳雀楼></li> <li>白日依山尽,</li> <li&g

JS中获取数据库中的值

在本次项目中,遇到很多问题,经过努力,都逐步得到解决.静下心来,做一个记录,以供以后学习. 在项目中遇到一个问题,需要在JS中读取数据库中的值,然后再把值返回到页面中,解决方案如下:使用Ajax方法来实现,需要用到ajax.dll(一个ajax技术开发的帮助类库). 实施过程如下: 1.引用Ajax.dll 2.在App_Code写具体的方法,最好单独建立一个类文件,然后写具体方法. public class AjaxMethod www.2cto.com { public AjaxMethod

js中获取css样式属性值

关于js中style,currentStyle和getComputedStyle几个注意的地方 (1)用js的style只能获取元素的内联样式,内部样式和外部样式使用style是获取不到的. (2)currentStyle可以弥补style的不足(可获取内联样式,内部样式和外部样式),但是只适用于IE. (3)getComputedStyle同currentStyle作用相同,但是适用于FF.opera.safari.chrome. 注意: ① currentStyle和getComputedS

js/jquery获取文本框的值与改变文本框的值

我们就用它来学习获取文本框的值及改变文本框的值. 代码如下 复制代码 <script>function get1(){ document.getElementById("txtbox2").value=document.getElementById("txtbox").value; //获取文本框1的值,并赋值给文本框2}</script> <table width="500" border="0"

利用js闭包获取索引号

以tab选项卡效果为例: 网页中的选项卡效果 如图. 在鼠标点击规则标题的时候下面内容就会切换成规则的内容,这就是一个选项卡切换效果了. 标题和其内容是一一对应的. 在点击的时候就需要得到当前点击的索引号,用jquery的话可以直接通过.index()获取当时元素的索引值,那么用js呢?下面我们来利用js的闭包来实现获取索引. 页面代码如下: <!DOCTYPE html><html lang="en"><head>    <meta char

JS实时获取输入框中的值

实时获取input输入框中的值需要oninput和onpropertychange属性来实现.原因是onpropertychange属性为IE专属,而oninput属性支持大部分浏览器包括IE9及以上的版本. oninput与onpropertychange失效的情况: oninput事件:1. 在脚本中改变value时,不会触发:2.从浏览器的自动下拉提示中选取时,不会触发. 例如: var testinput = document.createElement('input'); if('on

js之获取html标签的值

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div> <input id='user' type='text' /> //绑定getData函数 <input type="but

js如何获取URl参数的值

代码如下: var id = null; var name = null; if (window.location.search.indexOf("&") == -1){//如果不存在"&" id=window.location.search.substring(window.location.search.indexOf("=")+1); }else{ var parms = window.location.search.sub

利用js输出ul下li的index索引值

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>打印索引</title> </head> <style type="text/css"> li{background: pink;margin-bottom: 10px;height: 40px;} </style> <body>