javascript獲取li列表中的第幾個li
本章節分享一段程式碼例項,它實現了獲取li元素列表中指定li元素的功能。
然後再對獲取的li元素進行操作,程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> #items{ width:900px; height:auto; margin:0 auto; padding:5px 0; clear:both; } #items ul, #items li{ list-style:none; } #items li{ width:500px; height:28px; text-align:left; padding-left: 0px; line-height:28px; border-bottom:dashed 1px #CCC; cursor:pointer; } </style> <script type="text/javascript"> window.onload=function(){ var obox=document.getElementById("items"); var obt=document.getElementById("bt"); var lis=obox.getElementsByTagName("li"); obt.onclick=function(){ lis[1].style.color="blue"; } } </script> </head> <body> <div id="items"> <ul> <li>螞蟻部落歡迎您,只有努力奮鬥才會有美好的未來</li> <li>沒有任何人一開始就是高手,必須要好好學習</li> <li>本站的url地址是softwhy.com</li> <li>每一天都是新的,所以要好好真心當前時間</li> <li>div css教程裡面有大量詳實的程式碼</li> </ul> </div> <input type="button" id="bt" value="檢視效果"/> </body> </html>
相關文章
- jQuery怎麼獲取li列表中的第幾個lijQuery
- JavaScript獲取當前li元素是第幾個JavaScript
- JavaScript 獲取第n個li元素JavaScript
- jquery獲取指定li元素後面的第n個li元素jQuery
- 獲取當前li是第幾個的程式碼例項
- JavaScript獲取li元素的下標JavaScript
- JavaScript 獲取倒數第二個li元素JavaScript
- JavaScript獲取倒數第二個li元素JavaScript
- javascript獲取當前li元素在集合中的位置JavaScript
- JavaScript獲取當前li元素的索引位置JavaScript索引
- jQuery點選的是第幾個li元素jQuery
- 用jQuery獲取指定前幾個li元素程式碼例項jQuery
- li列表的前面插入一個元素
- javascript獲取li元素內容程式碼例項JavaScript
- jquery如何在li元素列表的開頭新增一個新li元素jQuery
- jQuery獲取當前li元素的下一個元素jQuery
- 獲取ul元素下的所有li元素
- js實現的在li元素列表的任意位置插入一個新的li元素JS
- 點選事件獲取當前li的索引事件索引
- 獲取div元素下li元素的數目
- CSS 第2個li元素樣式CSS
- jQuery查詢第n個li元素jQuery
- jquery如何獲取li元素的前n個程式碼例項jQuery
- jQuery獲取指定的li元素程式碼例項jQuery
- jquery如何獲取大於指定索引的li元素jQuery索引
- jQuery將li元素插入列表中任意位置jQuery
- jQuery獲取li元素後面所有兄弟元素jQuery
- javascript實現的獲取下一個li元素程式碼例項JavaScript
- JavaScript 插入新li元素JavaScript
- CSS li列表前小圖示CSS
- css設定第2個li元素的樣式CSS
- jQuery獲取索引小於指定值的li元素集合jQuery索引
- 獲取指定區間的li元素程式碼例項
- CSS 倒數第n個li元素樣式CSS
- CSS設定第n個li元素樣式CSS
- CSS 設定第n個li元素樣式CSS
- JavaScript 刪除指定的li元素JavaScript
- jQuery獲取所有的li元素程式碼例項jQuery