JS控制表格隔行變色
更新時間：2006年06月26日 00:00:00 作者：
<table width="800" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>不變色</td>
</tr>
<tbody id="goaler">
<tr>
<td>xxxxxxxx</td>
</tr>
<tr>
<td>xxxxxxxx</td>
</tr>
<tr>
<td>xxxxxxxx</td>
</tr>
<tr>
<td>xxxxxxxx</td>
</tr>
</tbody>
<tr>
<td>不變色</td>
</tr>
</table>
<script language="JavaScript">
<!--
var TbRow = document.getElementById("goaler");
if (TbRow != null)
{
for (var i=0;i<TbRow.rows.length ;i++ )
{
if (TbRow.rows[i].rowIndex%2==1)
{
TbRow.rows[i].style.backgroundColor="";
}
else
{
TbRow.rows[i].style.backgroundColor="#F1F1F1";
}
}
}
//-->
</script>
<tr>
<td>不變色</td>
</tr>
<tbody id="goaler">
<tr>
<td>xxxxxxxx</td>
</tr>
<tr>
<td>xxxxxxxx</td>
</tr>
<tr>
<td>xxxxxxxx</td>
</tr>
<tr>
<td>xxxxxxxx</td>
</tr>
</tbody>
<tr>
<td>不變色</td>
</tr>
</table>
<script language="JavaScript">
<!--
var TbRow = document.getElementById("goaler");
if (TbRow != null)
{
for (var i=0;i<TbRow.rows.length ;i++ )
{
if (TbRow.rows[i].rowIndex%2==1)
{
TbRow.rows[i].style.backgroundColor="";
}
else
{
TbRow.rows[i].style.backgroundColor="#F1F1F1";
}
}
}
//-->
</script>
您可能感興趣的文章:
相關(guān)文章
微信小程序 免費SSL證書https、TLS版本問題的解決辦法
這篇文章主要介紹了微信小程序 免費SSL證書https、TLS版本問題的解決辦法的相關(guān)資料,需要的朋友可以參考下2016-12-12
這篇文章主要介紹了微信小程序 request接口的封裝實例代碼的相關(guān)資料,需要的朋友可以參考下2017-04-04
webpack5之output和devServer的publicPath區(qū)別示例詳解
這篇文章主要為大家介紹了webpack5之output和devServer的publicPath區(qū)別示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12
JavaScript使用JSON.stringify()方法帶參及不帶參示例詳解
這篇文章主要介紹了JavaScript使用JSON.stringify()方法帶參及不帶參示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
這篇文章主要為大家介紹了JS按鈕連擊和接口調(diào)用頻率限制防止客戶集體爆倉詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09
這篇文章主要介紹了微信小程序 空白頁重定向解決辦法的相關(guān)資料,需要的朋友可以參考下2017-06-06
如何取得中文輸入的真實長度？...2006-06-06
accesskey 提交...2006-06-06
PreloadJS是一個用來管理和協(xié)調(diào)相關(guān)資源加載的類庫，它可以方便的幫助你預(yù)先加載相關(guān)資源簡單點兒說就是一個加載插件，它可以做成頁面異步加載且頂部會有進度條動畫2020-02-02
這篇文章主要介紹了JavaScript?history?對象詳解，history?對象表示當前窗口首次使用以來用戶的導(dǎo)航歷史記錄。因為?history?是?window?的屬性，所以每個?window?都有自己的?history?對象，更多詳細內(nèi)容請參考下面文章內(nèi)容2021-11-11