学员成绩表 - 在线查看成绩及评语
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>学员成绩表 - 在线查看成绩及评语</title>
</head>
<body>
<div style="font-size: 30px; text-align: center;" id="tb1">学员成绩表</div>
<table width="800px" border="1" cellspacing="0" align="center">
<tr>
<th>学号</th>
<th>姓名</th>
<th>分数</th>
<th>评语</th>
</tr>
<tr align="center" class="data">
<td>001</td>
<td>张三</td>
<td>90</td>
<td>很优秀</td>
</tr>
<tr align="center" class="data">
<td>002</td>
<td>李四</td>
<td>92</td>
<td>优秀</td>
</tr>
<tr align="center" class="data">
<td>003</td>
<td>王五</td>
<td>83</td>
<td>很努力,不错</td>
</tr>
<tr align="center" class="data">
<td>004</td>
<td>赵六</td>
<td>98</td>
<td>666</td>
</tr>
</table>
<pre><code><br>
<div style="text-align: center;">
<input id="b1" type="button" value="改变标题内容" onclick="changeAll()">
<input id="b2" type="button" value="改变标题颜色" onclick="changeColor()">
<input id="b3" type="button" value="删除最后一行" onclick="deletTable()">
</div>
</code></pre>
</body>
<script>
//1. 点击 “改变标题内容” 按钮，需要将div中展示的标题内容替换为 “学员成绩表”
function changeAll(){
var tb01= document.getElementById("tb1")
tb01.innerHTML="学员成绩表"
}
</script>
原文地址: https://www.cveoy.top/t/topic/qvne 著作权归作者所有。请勿转载和采集!