javascript獲取當前li元素在集合中的位置
本章節介紹一下如何獲取當前li元素在集合中的位置,下面直接看程式碼例項。
程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> ul li{ width:300px; list-style-type:none; font-size:12px; line-height:30px; height:30px; cursor:pointer; } ul li span{ float:right } </style> <script> window.onload=function(){ var obox=document.getElementById("box"); var lis=obox.getElementsByTagName("li"); var odiv=document.getElementById("show"); for(var index=0;index<lis.length;index++){ lis[index].onclick=(function(index){ return function(){ odiv.innerHTML=index; } })(index) } } </script> </head> <body> <ul id="box"> <li>螞蟻部落歡迎您,只有努力奮鬥才會有美好的未來。</li> <li>本站的地址是softwhy.com歡迎訪問,提供有益的建議和意見</li> <li>沒有人一開始就是高手,必須要努力奮鬥才行。</li> <li>本站建立於2012年,目的是為使用者提供免費的詳實的教程</li> <li>每一天都是新的,所以必須要好好珍惜,不能夠浪費。</li> </ul> <div id="show"></div> </body> </html>
上面的程式碼實現了我們的要求,點選li元素可以獲取它在集合中的位置。
採用的是閉包的方式,更多關於閉包的內容可以參閱javascript閉包用法詳解一章節。
相關文章
- JavaScript獲取當前li元素的索引位置JavaScript索引
- JavaScript獲取當前li元素是第幾個JavaScript
- 小程式獲取當前元素在螢幕中的位置
- jQuery獲取當前li元素的下一個元素jQuery
- JavaScript獲取元素在陣列中的位置JavaScript陣列
- 獲取當前元素在兄弟元素節點中的索引索引
- javascript獲取當前元素的上一級元素JavaScript
- JavaScript獲取li元素的下標JavaScript
- Android中獲取當前位置資訊Android
- JavaScript 獲取第n個li元素JavaScript
- 點選事件獲取當前li的索引事件索引
- 當前li元素的索引值索引
- jQuery如何獲取當前元素的兄弟元素jQuery
- jQuery獲取索引小於指定值的li元素集合jQuery索引
- JQuery獲取當前元素本身jQuery
- jQuery在元素集合中獲取第N個元素jQuery
- 微信小程式獲取當前位置微信小程式
- JavaScript獲取當前點選元素的id屬性值JavaScript
- js如何獲取元素在頁面中的位置JS
- javascript獲取li列表中的第幾個liJavaScript
- JavaScript 獲取當前月份JavaScript
- JavaScript 獲取當前域名JavaScript
- javascript獲取當前urlJavaScript
- jQuery 刪除當前li元素jQuery
- jQuery獲取當前元素的下一個元素jQuery
- jQuery如何獲取當前元素的索引jQuery索引
- JavaScript 獲取倒數第二個li元素JavaScript
- JavaScript獲取倒數第二個li元素JavaScript
- 獲取棧中任意位置的元素
- 點選按鈕獲取當前位置
- IOS獲取當前地理位置文字iOS
- 獲取ul元素下的所有li元素
- JavaScript獲取滑鼠在元素中的座標JavaScript
- 通過spring,在專案的任意位置獲取當前RequestSpring
- javascript獲取li元素內容程式碼例項JavaScript
- JavaScript獲取元素在文件中座標JavaScript
- 獲取div元素下li元素的數目
- javascript獲取當前的時間戳JavaScript時間戳