You have the code shown below. var table = document.getElementById("table3"); What other lines of code would be necessary to add the first row of the table that that looked like this: red< td> orange< td> yellow< td> var row = table.insertRow(1); var c1 = row.insertCell(0); var c2 = row.insertCell(1); var c3 = row.insertCell(2); cell1.innerHTML = "red"; cell2.innerHTML = "orange"; cell2.innerHTML = "yellow"; var row = table.insertRow(0); var c1 = row.insertCell(0); var c2 = row.insertCell(1); var c3 = row.insertCell(2); c1.innerHTML = "red"; c2.innerHTML = "orange"; c3.innerHTML = "yellow"; var row = table.insertRow(); var c1 = row.insertCell(0); var c2 = row.insertCell(1); var c3 = row.insertCell(2); cell1.innerHTML = "red"; cell2.innerHTML = "orange"; cell2.innerHTML = "yellow";
-
You have the code shown below.
var table = document.getElementById("table3");
What other lines of code would be necessary to add the first row of the table that that looked like this:
<tr> <td>red< td> <td>orange< td> <td>yellow< td> </tr>
var row = table.insertRow(1);
var c1 = row.insertCell(0);
var c2 = row.insertCell(1);
var c3 = row.insertCell(2);cell1.innerHTML = "red";
cell2.innerHTML = "orange";
cell2.innerHTML = "yellow";var row = table.insertRow(0);
var c1 = row.insertCell(0);
var c2 = row.insertCell(1);
var c3 = row.insertCell(2);c1.innerHTML = "red";
c2.innerHTML = "orange";
c3.innerHTML = "yellow";var row = table.insertRow();
var c1 = row.insertCell(0);
var c2 = row.insertCell(1);
var c3 = row.insertCell(2);cell1.innerHTML = "red";
cell2.innerHTML = "orange";
cell2.innerHTML = "yellow";
Step by step
Solved in 4 steps with 2 images
