CSS-相關練習1-表格實現奇數行和偶數行自行判斷設定不同的背景顏色

阿新 • • 發佈：2019-01-18

/*   
*Copyright (c) 2017，煙臺大學計算機學院   
All rights reserved.   
*檔名稱：關於HTML的練習  
*作    者：張晴晴   
*完成日期：2017年11月25日   
*版 本 號：v1.0  *   
*問題描述：HTML5-JavaScript  
*輸入描述： 無  
*程式輸出： 無  
*/<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>第一道題目</title>
<script>
function upcolor(){
	var table=document.getElementById("mytable");
	for(var i=0;i<table.rows.length;i++){
		if(i%2!=0){//判斷的為偶數行，從第2行開始起，偶數行設定那個顏色是藍色
			table.rows[i].style.background='#96DEED';
			}
		}
	for(var j=2;j<table.rows.length;j++){
		if(j%2==0){//判斷的為偶數行，偶數行設定那個顏色是藍色(從第三行開始)
		table.rows[j].setAttribute('style','backgroung-color:#D3F3F5');
			}
		}
	}
</script>
</head>
<body onLoad="upcolor()">
<table width="200" border="1" id="mytable">
  <tr bgcolor="#0080C0">
    <th>Name</th>
    <th>Class</th>
    <th>Birthday</th>
    <th>Constellation</th>
    <th>Mobile</th>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>


</body>
</html>

執行結果：

CSS-相關練習1-表格實現奇數行和偶數行自行判斷設定不同的背景顏色

如何讓表格的奇數行和偶數行具有不同的背景顏色

<table border=1 id=tab1> <tr><td>aaa</td><td>bbb</td></tr> <tr><td>aaa&l

有時候替換Table更好用, CSS3設定Table奇數行和偶數行

一、標籤dl,dt,dd不是經常用，用可以做簡單列表，它也用獨特好用之處。還有ol,ul,li,它還能自動產生序呢。 <html> <head> <title>一個普通列表</title> </head> <

table各行設定不同背景顏色的js實現

直接上程式碼 var table=document.getElementById("example"); var trs=table.getElementsByTagName("tr"); alert(trs.length) for(var i=0;i<trs.length;i++){

神經網絡的相關知識(1.python 實現MLp)

技術分享 num pre func sin date 傳播 prop etime 轉載於：http://blog.csdn.net/miangangzhen/article/details/51281989 #!usr/bin/env python3 # -*- c

用巨集實現函式—1.寫一個巨集可以將一個數字的奇數位和偶數位交換 2.求兩個數中求較大值

交換奇數位和偶數位的方法： 1.奇數位與1偶數位與0得到奇數位 num&0101 0101 0101 0101 0101 0101 0101 0101 2.奇數位與0偶數位與1得到偶

css使用li奇數行或偶數行

.list ul li:nth-child(even){ ...} //li的偶數行樣式.list ul li:nth-child(odd){ ...} //li的奇數行樣式.list ul

利用css給奇數行或偶數行新增指定樣式

2015年02月02日 19:58:07 魁兄閱讀數：21443 個人分類： css

css中如何選擇奇數行與偶數行

CSS-相關練習4-HTML與CSS綜合(婚紗攝影)

對應css檔案 @charset "utf-8"; *{ margin: 0px; padding: 0px; }

css實現單行文字和多行文字省略號

單行文字出現省略號的條件： <style> p { width: 200px; /*寬度*/ text-overflow: ellipsis; /*文字以省略號的方式隱藏*/ white-space: nowrap;/*禁止文字內容折行*/

寫一個巨集可以將一個數字的奇數位和偶數位交換。使用巨集實現兩個數中求較大值。

1. #include <stdio.h> #define SWAP(x) (((x&(0x55555555)) << 1) | ((x&(0xAAAAAAAA)) >> 1)) //0x55555555是十六進位制的1

table 選擇奇數行，偶數行的方法

也是網上查到的，自己在此備份一下！ jquery: $("tr:odd") $("tr:even") css: expression(parentElement.rowIndex%2==0?...);

1 Java程式檔案中函式起始行和終止行在程式檔案位置中的判定__抽象語法樹方法

應用需求：實現對BigCloneBench中函式體的克隆檢測，必須標註出起始行號和終止行號。問題：給定一個Java檔案，從中提取出每個函式的起始行和終止行。難點：這個問題的難點在於，對於Java的解析器而言，其在形成抽象語法樹的過程中，已經對原始碼檔案進行了劃分，然後，形成了對函式的抽象語

excel刪除奇數行或者偶數行

在第一行空白的任意列中輸入： =MOD(ROW(),2) 用自動填充柄下拉,就會出現1,0迴圈出現的序列,再利用篩選,選中其中的兩個刪除。 WPS篩選：點選第一行，作為標題行，然後“資料”——“自動篩選”，然後選擇0行，或者1行就可獲得。

如何從excel中刪除奇數行或偶數行

假定表格有一千行，首先插入一空列 B，在B1、B2中輸入表格中沒有的字如：奇、偶，在名稱框中輸入B1：B1000 回車，點編輯選單---填充---序列----自動填充---確定，然後編輯---查詢----查詢內容輸入：偶----查詢全部----按全選的組合

瀏覽器相關（1）- 瀏覽器的構成和主要瀏覽器的核心

一、瀏覽器的組成瀏覽器由七部分組成： ①使用者介面（User Interface） - 包括選單欄、工具欄、位址列、後退/前進按鈕、書籤目錄等，也就是能看到的除了顯示頁面的主視窗之外的部分； ②

基於kafka_2.11-2.1.0實現的生產者和消費者代碼樣例

如果 -s 分享圖片定時 ots i++ broker lose 錯誤 1、搭建部署好zookeeper集群和kafka集群，這裏省略。 1 啟動zk： 2 bin/zkServer.sh start conf/zoo.cfg。 3 驗證zk是否啟動成功： 4

mybatis mapper xml文件配置resultmap時，id行和result行有什麽區別？

什麽 column invoice 配置 app nbsp ava customer entity mybatis mapper xml文件配置resultmap時，id行和result行有什麽區別？ <resultMap id = "CashInvoiceMap"

linux過濾舊文件中的空行和註釋行剩余內容組成新文件

post href www. 正則表達 image 產生內容文件簡潔一、說明在某些場景下我們想要將舊文件中空行和註釋行過濾掉，將產生實際效果的行保留。比如redis提供的配置示例文件中有很多用於說明的空行和註釋行，我們想把產生實際效果的配置行篩選出來組成新的簡潔

CSS-相關練習1-表格實現奇數行和偶數行自行判斷設定不同的背景顏色

相關推薦