js取模（求余數(shù)）隔行變色
更新時(shí)間：2014年05月15日 17:29:51 作者：
今天需要用js實(shí)現(xiàn)做隔行變色功能，原來(lái)用的是asp程序都是用mod取模，原來(lái)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)文章
JavaScript使用indexOf()實(shí)現(xiàn)數(shù)組去重的方法分析
這篇文章主要介紹了JavaScript使用indexOf()實(shí)現(xiàn)數(shù)組去重的方法,結(jié)合實(shí)例形式分析了使用indexOf()方法進(jìn)行數(shù)組的判斷與去重相關(guān)原理與具體操作技巧,需要的朋友可以參考下2018-09-09
這篇文章主要為大家詳細(xì)介紹了微信小程序如何獲取用戶手機(jī)號(hào)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-01-01
js網(wǎng)頁(yè)中的(運(yùn)行代碼)功能實(shí)現(xiàn)思路
網(wǎng)頁(yè)中的"運(yùn)行代碼"是一個(gè)很方便的功能，可以直接看到代碼的效果，感興趣的朋友不妨參考下，或許對(duì)你學(xué)習(xí)js有所幫助，好了花不多說(shuō)切入正題2013-02-02
圖例組件展現(xiàn)了不同系列的標(biāo)記(symbol),顏色和名字,可以通過(guò)點(diǎn)擊圖例控制哪些系列不顯示,這篇文章主要給大家介紹了關(guān)于Echarts圖例組件的相關(guān)資料,需要的朋友可以參考下2021-06-06
微信小程序云開發(fā)實(shí)現(xiàn)云數(shù)據(jù)庫(kù)讀寫權(quán)限
這篇文章主要為大家詳細(xì)介紹了微信小程序云開發(fā)實(shí)現(xiàn)云數(shù)據(jù)庫(kù)讀寫權(quán)限，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05
這篇文章主要介紹了無(wú)刷新預(yù)覽所選擇的圖片的具體實(shí)現(xiàn),需要的朋友可以參考下2014-04-04
Js調(diào)用Java方法并互相傳參的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇Js調(diào)用Java方法并互相傳參的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
javascript創(chuàng)建頁(yè)面蒙板的一些知識(shí)技巧總結(jié)
javascript創(chuàng)建頁(yè)面蒙板的一些知識(shí)技巧總結(jié)...2007-08-08
在項(xiàng)目開發(fā)中我們常需要給某些數(shù)據(jù)定義一個(gè)唯一標(biāo)識(shí)符,便于尋找關(guān)聯(lián),這篇文章主要給大家介紹了關(guān)于JS生成id的多種解決方案,文中介紹的方法都非常實(shí)用,需要的朋友可以參考下2023-10-10
這篇文章主要介紹了JavaScript中?Promise?的使用技巧，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-08-08