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行程
- 面試題-使用執行緒交替列印奇數偶數面試題執行緒
- 面試題 - 使用執行緒交替列印奇數偶數面試題執行緒
- 陣列進行奇數和偶數操作 把奇數放在陣列前面 偶數放在陣列後面陣列
- Table tr 奇數偶數行漸變色Jquery實現jQuery
- 調整陣列順序使奇數位於偶數前面,偶數和偶數之間的相對位置不變陣列
- JavaScript判斷整數或者小數JavaScript
- 面試題21:調整陣列順序奇數位於偶數前面面試題陣列
- JavaScript保留兩位或者其他位數小數JavaScript
- 【Tips】獲取結果集中偶數行記錄
- 【劍指Offer】調整陣列順序使奇數位於偶數前面陣列
- JavaScript點選新增行或者刪除行JavaScript
- 【C語言】調整陣列使奇數全部都位於偶數前面。C語言陣列
- JZ-013-調整陣列順序使奇數位於偶數前面陣列
- 【Oracle】對RID為偶數的記錄進行操作Oracle
- JavaScript 數字呼叫方法或者屬性JavaScript
- 面試演算法題(4)--將一個整數陣列中的所有奇數放到偶數前面面試演算法陣列
- 在vue中給奇數行動態新增classVue
- 劍指 Offer 21. 調整陣列順序使奇數位於偶數前面陣列
- JavaScript生成四位數字或者字母隨機數JavaScript隨機
- javascript檢測一個變數是否為數字或者數字字串JavaScript變數字串
- 1到100迴圈,並把奇數放到陣列中,把偶數放到map中陣列
- 劍指offer面試題14 調整陣列順序使奇數位於偶數前面面試題陣列
- [譯] 斐波那契數列中的偶數 (Python vs. JavaScript)PythonJavaScript
- [每日一題] 第十一題:調整陣列順序使奇數位於偶數前面每日一題陣列
- c語言 將一個陣列中的奇數和偶數分開放在一起C語言陣列
- 【劍指Offer學習】【面試題14 :調整陣列順序使奇數位於偶數前面】面試題陣列
- 統計位數為偶數的數字(C++)C++
- 演算法學習記錄十一(C++)--->調整陣列順序使奇數前偶數後演算法C++陣列
- SQLServer 行數SQLServer
- LeetCode題解(Offer21):調整陣列順序使奇數位於偶數前面(Python)LeetCode陣列Python
- JavaScript保留指定位數小數但是不進行四捨五入JavaScript
- javascript變數賦值或者重新賦值注意事項JavaScript變數賦值
- JavaScript獲取table表格行與列的數量JavaScript
- javascript判斷奇數簡單程式碼例項分享JavaScript
- 怎麼判斷Python數字中的偶數Python
- 使用 JavaScript 進行函數語言程式設計 (一)JavaScript函數程式設計
- javascript刪除陣列中所有奇數程式碼例項JavaScript陣列