tbodyタグに 'id'を追加するには？

Question

私はtbodyタグに 'id'を動的に追加しようとしています。 tbodyタグに 'id'を動的に追加するにはどうすればいいですか？ コードは次のとおりです。

function tableCreate() { 
    var body = document.getElementsByTagName('body')[0]; 
    var tbl = document.createElement('table'); 
    tbl.style.width = '100%'; 
    tbl.setAttribute('border', '1'); 
    var tbdy = document.createElement('tbody'); 
    for (var i = 0; i < 3; i++) { 
     var tr = document.createElement('tr'); 
     for (var j = 0; j < 2; j++) { 
      if (i == 2 && j == 1) { 
       break 
      } else { 
       var td = document.createElement('td'); 
       td.appendChild(document.createTextNode('\u0020')) 
       i == 1 && j == 1 ? td.setAttribute('rowSpan', '2') : null; 
       tr.appendChild(td) 
      } 
     } 
     tbdy.appendChild(tr); 
    } 
    tbl.appendChild(tbdy); 
    body.appendChild(tbl) 
} 

Answer 1

DOMプロパティを確認してください。 プロパティがあります。 idをあなたの要素に設定する必要があります。ここで

はその詳細です： https://www.w3schools.com/jsref/prop_html_id.asp

あなたはあなたが何をする必要があるか、動的にTBODYにIdを設定したい場合は、あなたが出回っ行ったようにあなたがあなたの体を作成した後で言ったように：

var tbdy = document.createElement('tbody'); 

あなたはこのように、あなたの体のために idを設定する必要があり

：

tbody.id = "something"; 

か

tbody.setAttribute("id", "someDynamicId"); 

Idはあなたが約読むべきDOM element propertiesの一部であるので、これは動作します。

Answer 2

のtbodyタグ

tbdy.setAttribute（ "ID"、 "MYID"）を取得した後、次のコードを追加します。

Answer 3

私はあなたのコードをjsbinで試して、tbodyのcreateElementの直後にtbdy.id = 'testBody';を追加しました。私のために働くと思われる。

https://jsbin.com/dibupewifa/edit?js,output

イメージ - Table HTML for the Chrome dev tools