學生成績表格
請點擊下面的按鈕,切換學生的成績表格:
姓名 | 語文 | 數(shù)學 | 英語 | 總分 |
---|---|---|---|---|
張三 | 78 | 85 | 92 | 255 |
李四 | 82 | 90 | 89 | 261 |
王五 | 95 | 88 | 93 | 276 |
姓名 | 語文 | 數(shù)學 | 英語 | 物理 | 化學 | 總分 |
---|---|---|---|---|---|---|
張三 | 78 | 85 | 92 | 76 | 85 | 411 |
李四 | 82 | 90 | 89 | 80 | 78 | 409 |
王五 | 95 | 88 | 93 | 92 | 84 | 452 |
以上是一個簡單的HTML代碼段,其中包含兩個學生成績表格,通過點擊按鈕可以切換顯示的表格。
上述代碼中,我們定義了一個切換表格的函數(shù)toggleTable(),當點擊按鈕時,該函數(shù)會檢查當前顯示的表格是否是第一個表格,如果是則隱藏第一個表格,顯示第二個表格;如果不是則隱藏第二個表格,顯示第一個表格。通過這種方式,我們實現(xiàn)了表格間的簡單切換。
...
上述代碼段中,我們使用了pre標簽,將表格的HTML代碼包裹在其中,以保持表格的格式不變。