-2

I didn't make any HTML for that, create a table via javascript. Here is the code:

<code>
var container = document.createElement("div");
    var col_sm_12 = document.createElement("div");
    var tables = document.createElement("table");
    var tbody = document.createElement("tbody");
    tables.id = "first_table";
    for (var i = 0; i <= 10; i++){
        var tr = document.createElement("tr");
        for (var j = 0; j <= 5; j++){
            var column = document.createElement("td");
            var columntext = document.createTextNode("Hello " + j);
            column.appendChild(columntext);
            tr.appendChild(column);
            }
        tbody.appendChild(tr);
        }

    container.className = "container";
    col_sm_12.className = "col-sm-12";
    tables.className = "table table-bordered table-striped";
    container.appendChild(col_sm_12);
    col_sm_12.appendChild(tables);
    tables.appendChild(tbody);
    document.body.appendChild(container);   
</code>

Kindly Help me out. Thanks in advance

Alvaro Silvino
  • 9,441
  • 12
  • 52
  • 80
Abhishek Anand
  • 3
  • 6

1 Answers1

0

Try this (for td no. 2 or 4):

for (var i = 0; i <= 10; i++){
    var tr = document.createElement("tr");
    for (var j = 0; j <= 5; j++){
        var column = document.createElement("td");
        var columntext = document.createTextNode("Hello " + j);
        if(j == 2 || j == 4){
            column.setAttribute('class','some-classes');
        }
        column.appendChild(columntext);
        tr.appendChild(column);
        }
    tbody.appendChild(tr);
}
MHS
  • 881
  • 1
  • 13
  • 30