Table Previous Row

HTML Table

Header 1	Header 2
Row 1, Cell 1	Row 1, Cell 2
Row 2, Cell 1	Row 2, Cell 2
Row 3, Cell 1	Row 3, Cell 2

// --- Accessing Next Row (from previous step) --- // Assume you have a reference to the current row element // For example, let's get the first data row (row1) const currentRowForNext = document.getElementById('row1'); let nextRow = null; if (currentRowForNext) { nextRow = currentRowForNext.nextElementSibling; if (nextRow) { console.log("Found the next row:", nextRow); // nextRow.style.backgroundColor = 'lightblue'; // Example action } else { console.log("The current row (for next) is the last row."); } } else { console.error("Could not find the current row element for 'next'."); } console.log("Variable 'nextRow':", nextRow); // --- Accessing Previous Row --- // Assume you have a reference to a different current row element // For example, let's get the second data row (row2) const currentRowForPrevious = document.getElementById('row2'); let previousRow = null; if (currentRowForPrevious) { // Get the previous sibling element, which should be the previous table row (tr) previousRow = currentRowForPrevious.previousElementSibling; if (previousRow && previousRow.tagName === 'TR') { // Ensure it's a table row console.log("Found the previous row:", previousRow); // You can now work with the 'previousRow' element // Example: Change its background color previousRow.style.backgroundColor = 'lightcoral'; } else { console.log("The current row (for previous) is the first row in its section or no previous TR found."); } } else { console.error("Could not find the current row element for 'previous'."); } // The 'previousRow' variable now holds the previous row element, or null if there isn't one. console.log("Variable 'previousRow':", previousRow);