TAG
CSS
JavaScript
Result
Run
License
<table id="mytable" class="simplely"> <thead> <tr> <th>NO</th> <th>Country</th> <th>Capital</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Korea</td> <td>Seoul</td> </tr> <tr> <td>2</td> <td>United State</td> <td>Washington</td> </tr> <tr> <td>3</td> <td>France</td> <td>Paris</td> </tr> </tbody> <tfoot> <tr> <td colspan="3"> Total: 3 </td> </tr> </tfoot> </table>
.simplely { border-collapse: collapse; } .simplely caption { padding: 5px; } .simplely > thead { font-weight: bold; text-align: center; background-color: lightgray; } .simplely th, .simplely td { border: 1px solid gray; padding: 5px 10px; }
window.addEventListener("load", () => { const $elTable = document.getElementById("mytable"); [...$elTable.rows].forEach(row => { if(row.rowIndex > 0 && row.rowIndex < 4) { [...row.cells].forEach(cell => cell.style.color = "blue"); } }); });
Console
expand_less
License
License
by DevDic
Close