TAG
CSS
JavaScript
Result
Run
License
<table id="mytable" class="simplely"> <thead> <tr> <th>No</th> <th>Name</th> <th>Age</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Tom</td> <td>26</td> </tr> <tr> <td>2</td> <td>Merry</td> <td>23</td> </tr> </tbody> </table>
.simplely { border-collapse: collapse; } .simplely caption { padding: 5px; } .simplely th, .simplely td { border: 1px solid gray; padding: 5px 10px; }
window.addEventListener("load", () => { const $nlElMyTable = document.querySelectorAll("#mytable tr > td"); $nlElMyTable.forEach(elTd => { if(elTd.cellIndex === 0) { elTd.style.color = "red"; } }); });
Console
expand_less
License
License
by DevDic
Close