js取模(求余數(shù))隔行變色
更新時間:2014年05月15日 17:29:51 作者:
今天需要用js實現(xiàn)做隔行變色功能,原來用的是asp程序都是用mod取模,原來js中用的是%,具體如下需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js取模隔行變色</title>
<script type="text/javascript">
window.onload=function()
{
var oUl=document.getElementById('ul1');
var aLi=oUl.getElementsByTagName('li');
for(var i=0; i< aLi .length; i++)
{
if(i%2==0) //取模 求余數(shù)
{
aLi[i].style.background='red';
}
}
}
</script>
</script></head>
<body>
<ul id="ul1">
<li>webtall</li>
<li>webtall</li>
<li>webtall</li>
<li>webtall</li>
<li>webtall</li>
</ul>
</body>
</html>
相關(guān)文章
用js實現(xiàn)before和after偽類的樣式修改的示例代碼
本篇文章主要介紹了用js實現(xiàn)before和after偽類的樣式修改的示例代碼,具有一定的參考價值,有興趣的可以了解一下2017-09-09JavaScript累加、迭代、窮舉、遞歸等常用算法實例小結(jié)
這篇文章主要介紹了JavaScript累加、迭代、窮舉、遞歸等常用算法,結(jié)合實例形式分析了javascript累加、迭代、遞推、窮舉等算法的相關(guān)實現(xiàn)技巧與注意事項,需要的朋友可以參考下2018-05-05微信小程序?qū)崿F(xiàn)點擊導(dǎo)航條切換頁面
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)點擊導(dǎo)航條切換頁面,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-11-11JS中的常見數(shù)組遍歷案例詳解(forEach,?map,?filter,?sort,?reduce,?ever
這篇文章主要介紹了JS中的常見數(shù)組遍歷方法詳解(forEach,?map,?filter,?sort,?reduce,?every),本篇講用實際案例詳解他們的語法和用法,需要的朋友可以參考下2023-05-05JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之檢索算法實例分析【順序查找、最大最小值、自組織查詢】
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之檢索算法,結(jié)合實例形式分析了順序查找、最大最小值、自組織查詢算法相關(guān)原理與實現(xiàn)技巧,需要的朋友可以參考下2019-02-02ionic中的$ionicPlatform.ready事件中的通用設(shè)置
$ionicPlatform.ready事件是用于檢測當(dāng)前的平臺是否就緒的事件,相當(dāng)于基于document的deviceready事件, 在app中一些通用關(guān)于設(shè)備的設(shè)置必須在這個事件中處理2017-06-06