js写99乘法表变颜色

可以使用HTML和CSS来实现99乘法表的变色效果，具体步骤如下：

1. 在HTML中创建一个表格，用于显示99乘法表：

<table>
  <tbody>
    <tr>
      <td></td>
      <td>1</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
      <td>5</td>
      <td>6</td>
      <td>7</td>
      <td>8</td>
      <td>9</td>
    </tr>
    <tr>
      <td>1</td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td>2</td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td>3</td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td>4</td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td>5</td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td>6</td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td>7</td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td>8</td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td>9</td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>

2. 使用CSS样式设置表格的样式，以及乘法表中不同数字的颜色：

table {
  border-collapse: collapse;
  margin: 50px auto;
}

td {
  width: 50px;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  font-size: 24px;
  font-weight: bold;
  color: #333;
  border: 1px solid #ccc;
}

td:nth-child(1),
tr:nth-child(1) td {
  background-color: #eee;
}

td:nth-child(2n) {
  background-color: #f7f7f7;
}

td:nth-child(3n+1):not(:first-child),
tr:nth-child(n+2) td:nth-child(1) {
  background-color: #f7f7f7;
}

td:nth-child(3n+2):not(:first-child),
tr:nth-child(n+2) td:nth-child(2) {
  color: #f00;
}

td:nth-child(3n):not(:first-child),
tr:nth-child(n+2) td:nth-child(3) {
  color: #0f0;
}

3. 使用JavaScript代码将乘法表中的数字填充到对应的单元格中，并在页面加载完成后执行：

window.onload = function() {
  var table = document.querySelector('table');
  for (var i = 1; i <= 9; i++) {
    for (var j = 1; j <= 9; j++) {
      var cell = table.rows[i].cells[j];
      if (j < i) {
        cell.innerHTML = '';
      } else {
        cell.innerHTML = i + '×' + j + '=' + i * j;
      }
    }
  }
}

完成以上步骤后，就可以在浏览器中查看99乘法表并看到不同的数字有不同的颜色了。