JS对比指定的两列的数据是否相同并显示颜色
当前位置:点晴教程→知识管理交流
→『 技术文档交流 』
![]() ![]() .different { background-color: red; /* 或者其他颜色 */ } function highlightDifferentColumns(tableId, colIndex1, colIndex2) { var table = document.getElementById(tableId); var rows = table.rows; var previousCellValue = null; // 用于存储前一行的值以进行比较 for (var i = 1; i < rows.length; i++) { // 从1开始,跳过表头 var cell1 = rows[i].cells[colIndex1].innerText; var cell2 = rows[i].cells[colIndex2].innerText; if (previousCellValue !== null && cell1 !== previousCellValue) { // 比较前一行的值与当前行的第一列值是否相同,以此类推到第二列值是否相同。这里简化处理仅为演示。实际应比较两列值是否相同。 rows[i].cells[colIndex1].classList.add('different'); // 或者第二列的单元格也可以添加样式以突出显示不同之处。这里为了简化,只对第一列做样式处理。如果要同时处理两列,可以添加两行相似的代码。 } previousCellValue = cell1; // 更新前一行的值以用于下一行的比较(此处仅为演示简化)实际应为对两列同时进行比较。如果要同时处理两列,应该在比较时同时检查两列的值。这里仅为演示如何添加样式。实际逻辑应为比较两列的值是否相同。如果不同,则对相应单元格添加样式。具体 该文章在 2025/7/29 17:33:33 编辑过 |
关键字查询
相关文章
正在查询... |