2016-07-02 53 views
-2

我沒有爲此做任何HTML,通過javascript創建表。這裏是代碼:我想通過javascript來選擇特定的td,因爲我想在那裏放一些類

<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> 

請幫助我。 在此先感謝

+0

哪一部分無法工作? –

+0

一切工作正常,但我想添加一些類似行號的特定TD類。 2欄目編號。 4 –

+0

'if(i === 2 && j === 4){column.className ='className'; } –

回答

0

試試這個(對TD無2或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); 
} 
+0

顯示控制檯中的錯誤:( –

+0

不要回答愚蠢 –

+0

感謝MHS,其工作正常,其實你寫或代替||這就是爲什麼顯示一些錯誤。 –