编写java script程序实现奇数行带背景色、粗体的“九九乘法口诀表”
时间: 2024-12-16 19:25:41 浏览: 15
编写JavaScript程序来实现一个奇数行带背景色和粗体的“九九乘法口诀表”,你可以使用HTML结构作为基础,并结合CSS来添加样式。这里是一个简单的示例:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<style>
tr:nth-child(even) {
background-color: #f2f2f2; /* 偶数行背景颜色 */
}
tr:nth-child(odd) {
font-weight: bold; /* 奇数行加粗 */
}
td {
padding: 5px;
border: 1px solid #ccc;
text-align: center;
}
</style>
</head>
<body>
<table id="multiplicationTable">
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
<th>...</th>
<th>9</th>
</tr>
<!-- 生成乘法口诀 -->
<?php for ($i = 1; $i <= 9; $i++) { ?>
<tr>
<td><?php echo $i; ?></td>
<?php for ($j = 1; $j <= $i; $j++) { ?>
<td><?= $j . '*' . $i . ' = ' . $j * $i ?></td>
<?php } ?>
</tr>
<?php } ?>
</table>
</body>
</html>
```
注意,这个例子使用了PHP来动态生成表格内容,如果你是在纯JavaScript环境中,可以考虑使用`innerHTML`替换PHP部分。如果需要,也可以将这个脚本放入一个单独的JavaScript文件并异步加载。
阅读全文