2016-07-02 9 views
-2

私はHTMLを作成せず、javascriptでテーブルを作成しました。コードは次のとおりです。私は特定のtdをjavascriptでいくつかのクラスに入れたいと思っています

<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

ありがとうございました。実際にあなたが書いたか、または||の代わりに、何らかのエラーを表示する理由があります。 –

関連する問題