JavaScript獲取li元素的下標
使用jQuery獲取可以參閱jQuery如何獲取當前元素的索引一章節。
下面分享一段使用原生js實現此功能的程式碼。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script> window.onload=function(){ var aLi=document.getElementsByTagName('li'); for (var index = 0; index < aLi.length; index++) { (function (index) { aLi[index].onclick = function () { alert(index); }; })(index); } } </script> </head> <body> <ul> <li>螞蟻部落一</li> <li>螞蟻部落二</li> <li>螞蟻部落三</li> </ul> </body> </html>
上面的程式碼實現了我們的要求,主要是利用了閉包來實現。
相關閱讀:
(1).getElementsByTagName()可以參閱document.getElementsByTagName()一章節。
(2).閉包可以參閱JavaScript閉包用法一章節。
相關文章
- 獲取ul元素下的所有li元素
- 獲取div元素下li元素的數目
- JavaScript 獲取第n個li元素JavaScript
- JavaScript獲取當前li元素的索引位置JavaScript索引
- JavaScript 獲取倒數第二個li元素JavaScript
- JavaScript獲取倒數第二個li元素JavaScript
- javascript獲取當前li元素在集合中的位置JavaScript
- 獲取指定元素下所有li元素程式碼例項
- javascript獲取li元素內容程式碼例項JavaScript
- JavaScript獲取當前li元素是第幾個JavaScript
- JavaScript獲取元素標籤名JavaScript
- jquery獲取指定li元素後面的第n個li元素jQuery
- javascript獲取li列表中的第幾個liJavaScript
- jQuery獲取li元素後面所有兄弟元素jQuery
- JavaScript如何獲取元素的標籤型別JavaScript型別
- JavaScript獲取滑鼠在元素中的座標JavaScript
- jQuery獲取當前li元素的下一個元素jQuery
- JavaScript獲取元素在文件中座標JavaScript
- JavaScript獲取form下所有input元素JavaScriptORM
- JavaScript 獲取指定標籤一級子元素JavaScript
- jQuery獲取指定的li元素程式碼例項jQuery
- jquery如何獲取大於指定索引的li元素jQuery索引
- JavaScript獲取元素下指定型別的一級子元素JavaScript型別
- jQuery獲取索引小於指定值的li元素集合jQuery索引
- 獲取指定區間的li元素程式碼例項
- JavaScript獲取指定元素的同輩元素JavaScript
- jQuery獲取所有的li元素程式碼例項jQuery
- JavaScript 插入新li元素JavaScript
- javascript中獲取元素尺寸JavaScript
- JavaScript獲取同級元素JavaScript
- JavaScript 獲取同級元素JavaScript
- JavaScript 刪除指定的li元素JavaScript
- JavaScript獲取父元素下子元素節點JavaScript
- JavaScript動態新增li元素JavaScript
- javascript獲取當前元素的上一級元素JavaScript
- jquery如何獲取li元素的前n個程式碼例項jQuery
- jquery實現的倒數獲取li元素簡單介紹jQuery
- JavaScript獲取上一個元素JavaScript