编写JavaScript程序实现奇数行加粗带背景色#DDDDDD的“九九乘法口诀表”
时间: 2024-10-15 18:19:49 浏览: 34
编写JavaScript程序实现“九九乘法口诀表”的奇数行加粗并带有背景颜色#DDDDDD,可以使用HTML结构嵌套循环,并结合CSS样式。以下是简单的示例代码:
```javascript
// JavaScript部分
for (let i = 1; i <= 9; i++) {
let htmlRow = '<tr>';
for (let j = 1; j <= i; j++) {
// 当前列是奇数时,添加粗体和背景色
let cellClass = j % 2 === 1 ? 'bold bg-gray' : '';
htmlRow += `<td class="${cellClass}">${j} * ${i} = ${i * j}</td>`;
}
htmlRow += '</tr>';
document.getElementById('multiplicationTable').innerHTML += htmlRow;
}
// CSS部分
.bold {
font-weight: bold;
}
.bg-gray {
background-color: #DDDDDD;
}
```
然后在HTML文件中创建一个表格元素来插入这个动态生成的内容:
```html
<table id="multiplicationTable">
</table>
```
这段代码会在`<table>`标签内生成一个九九乘法表,奇数行的数字会加粗并且有灰色背景。
阅读全文