这几行代码是对表格单元格进行样式设置的最后部分。
if((intArray[j*10+k])%2==0){//如果所选的整数技能被5整除也能被2整除
td.style.backgroundColor="red";//设置该列背景色
}
td.style.color="black ";//设置该列字体颜色
td.width="30"; //设置列宽让我详细解释每一行的作用：
代码逐行解析
if((intArray[j*10+k]) % 2 == 0) {
// 如果单元格中的数字能被2整除（即是偶数）
td.style.backgroundColor = "red"; // 设置单元格背景色为红色
}intArray[j*10+k]获取当前单元格的数据% 2 == 0判断这个数是否是偶数如果是偶数，将该单元格的背景色设置为红色
这是对数据的二次筛选标记：既是5的倍数又是偶数的数字（其实就是10的倍数）
例如：10、20、30等数字会显示为红色背景
td.style.color = "black "; // 设置单元格字体颜色为黑色
统一设置所有单元格的文字颜色为黑色
注意这里有个小问题：
"black "后面多了一个空格，但不影响显示效果确保文字清晰可见，不受背景色影响
td.width = "30"; // 设置单元格宽度为30像素
设置每个单元格的宽度为30像素
使表格列宽统一，看起来更整齐
虽然没写单位，浏览器默认会按像素处理
样式效果示例
假设有以下数据在表格中：
<tr id="tr0"> <td style="color: black; width: 30; background-color: red;">10</td> <!-- 10是偶数，红底 --> <td style="color: black; width: 30;">15</td> <!-- 15是奇数，无背景 --> <td style="color: black; width: 30; background-color: red;">20</td> <!-- 20是偶数，红底 --> <td style="color: black; width: 30;">25</td> <!-- 25是奇数，无背景 --> </tr>
可视化的表格效果
┌─────────────────────────────────────────────────────────────┐ │ 表格标题：5的倍数（红色背景表示也能被2整除） │ ├──────┬──────┬──────┬──────┬──────┬──────┬──────┬──────┬──────┤ │ 10 │ 15 │ 20 │ 25 │ 30 │ 35 │ 40 │ 45 │ 50 │ │ 红底 │ 白底 │ 红底 │ 白底 │ 红底 │ 白底 │ 红底 │ 白底 │ 红底 │ ├──────┼──────┼──────┼──────┼──────┼──────┼──────┼──────┼──────┤ │ 55 │ 60 │ 65 │ 70 │ 75 │ 80 │ 85 │ 90 │ 95 │ │ 白底 │ 红底 │ 白底 │ 红底 │ 白底 │ 红底 │ 白底 │ 红底 │ 白底 │ └──────┴──────┴──────┴──────┴──────┴──────┴──────┴──────┴──────┘
代码的完整执行流程
// 每个单元格的处理流程：
1. 创建单元格：td = document.createElement("td")
2. 添加到行：tr.appendChild(td)
3. 设置内容：td.innerHTML = 数据值
4. 条件判断：如果是偶数，设置红色背景
5. 统一设置：黑色文字、30像素宽度设计意图
视觉区分：通过红色背景突出显示既是5的倍数又是偶数的数字（即10的倍数）
可读性：确保所有文字都是黑色，易于阅读
统一布局：固定列宽使表格整齐美观
信息增强：通过颜色提供额外的数据维度信息
实际显示效果
在浏览器中，你会看到类似这样的效果：
所有数字都是黑色字体
10、20、30、40等10的倍数显示在红色背景上
15、25、35等5的奇数倍显示在默认背景（白色/灰色）上
每个单元格宽度固定，表格整齐排列
这种样式设计让用户可以快速识别出那些既是5的倍数又是偶数的数字，也就是能被10整除的数字，实现了数据的可视化分类。