Javascript – How to target first td of every row with pure JS


I tried to change the color of the first td element in each row to red.


<table id="test">


I tried this JS:

var tr = document.getElementsByTagName('tr'); = 'red';

No Jquery please.

Best Solution

Use rows and cells to access the rows and columns of the table. See below code,

var table = document.getElementById('test');
for (var i = 0; i < table.rows.length; i++) {
   var firstCol = table.rows[i].cells[0]; //first column = 'red'; // or anything you want to do with first col