JavaScript獲取奇數行或者偶數行程式碼
jQuery實現此功能非常簡單,這裡不多介紹,參閱jQuery獲取li元素列表的偶數或者奇數行程式碼例項一章節。
下面通過程式碼例項介紹一下如何利用原生JavaScript實現此功能,程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> li{ width:240px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } </style> <script type="text/javascript"> window.onload=function(){ var oLis=document.getElementsByTagName("li"); for(var index=0;index<oLis.length;index++){ if(index%2==0){ oLis[index].style.backgroundColor="green"; } } } </script> </head> <body> <ul> <li>只有努力奮鬥才會有美好的明天。</li> <li>分享互助是進步最大的源動力。</li> <li>每一天都是新的,要好好珍惜。</li> <li>沒有人一開始就是高手,只有努力才有成長的可能</li> <li>只有當下的時間是可貴的,下一秒都是虛幻的</li> </ul> </body> </html>
相關文章
- JavaScript 奇數行或者偶數行JavaScript
- 面試題-使用執行緒交替列印奇數偶數面試題執行緒
- 面試題 - 使用執行緒交替列印奇數偶數面試題執行緒
- 陣列進行奇數和偶數操作 把奇數放在陣列前面 偶數放在陣列後面陣列
- 【Tips】獲取結果集中偶數行記錄
- Table tr 奇數偶數行漸變色Jquery實現jQuery
- javascript獲取url引數程式碼例項JavaScript
- JavaScript獲取table表格行與列的數量JavaScript
- javascript設定或者獲取cookie程式碼例項JavaScriptCookie
- javascript如何獲取連結引數程式碼例項JavaScript
- javascript獲取url連結引數例項程式碼JavaScript
- javascript獲取數字的絕對值程式碼例項JavaScript
- JavaScript—獲取引數(23)JavaScript
- 調整陣列順序使奇數位於偶數前面,偶數和偶數之間的相對位置不變陣列
- JavaScript取餘數程式碼例項JavaScript
- javascript獲取當前時間指定天數之前或者之後的日期JavaScript
- 通過 gitlab 介面獲取程式碼提交記錄和改動行數Gitlab
- Oracle 獲取整數方式程式碼整理Oracle
- javascript判斷奇數簡單程式碼例項分享JavaScript
- js獲取數字中的最小數字程式碼程式碼例項JS
- 統計程式碼行數
- JavaScript判斷整數或者小數JavaScript
- javascript獲取location.href引數JavaScript
- JavaScript 獲取指定月份的天數JavaScript
- javascript擷取指定位數的小數程式碼例項JavaScript
- javascript刪除陣列中所有奇數程式碼例項JavaScript陣列
- 從已執行容器獲取 docker run 引數Docker
- 用python獲取mysql中的錶行數PythonMySql
- js獲取數字和字母隨機數程式碼例項JS隨機
- javascript獲取函式定義的引數個數JavaScript函式
- VS 統計程式碼行數
- javascript獲取url引數值出現亂碼解決JavaScript
- JavaScript 獲取 url 傳遞引數值JavaScript
- JavaScript 獲取指定區間的數字JavaScript
- 面試題21:調整陣列順序奇數位於偶數前面面試題陣列
- python獲取命令列引數的程式碼Python命令列
- jQuery獲取url引數值程式碼例項jQuery
- C#中如何獲取二維陣列的行數和列數?C#陣列