JS對比指定的兩列的數(shù)據(jù)是否相同并顯示顏色
當(dāng)前位置:點晴教程→知識管理交流
→『 技術(shù)文檔交流 』
![]() ![]() .different { background-color: red; /* 或者其他顏色 */ } function highlightDifferentColumns(tableId, colIndex1, colIndex2) { var table = document.getElementById(tableId); var rows = table.rows; var previousCellValue = null; // 用于存儲前一行的值以進(jìn)行比較 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) { // 比較前一行的值與當(dāng)前行的第一列值是否相同,以此類推到第二列值是否相同。這里簡化處理僅為演示。實際應(yīng)比較兩列值是否相同。 rows[i].cells[colIndex1].classList.add('different'); // 或者第二列的單元格也可以添加樣式以突出顯示不同之處。這里為了簡化,只對第一列做樣式處理。如果要同時處理兩列,可以添加兩行相似的代碼。 } previousCellValue = cell1; // 更新前一行的值以用于下一行的比較(此處僅為演示簡化)實際應(yīng)為對兩列同時進(jìn)行比較。如果要同時處理兩列,應(yīng)該在比較時同時檢查兩列的值。這里僅為演示如何添加樣式。實際邏輯應(yīng)為比較兩列的值是否相同。如果不同,則對相應(yīng)單元格添加樣式。具體 ? 該文章在 2025/7/29 17:33:33 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |