Wie füge ich 'id' zum tbody-Tag hinzu?

Question

Ich versuche, ID dynamisch zum tbody-Tag hinzuzufügen. Wie ID dynamisch zum tbody-Tag hinzufügen? Hier ist der Code:

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

Werfen Sie einen Blick auf die DOM-Eigenschaften. Es gibt eine Eigenschaft. id, die Sie auf Ihrem Element festlegen müssen.

ist hier mehr dazu: https://www.w3schools.com/jsref/prop_html_id.asp

So wie Sie gesagt haben, wenn Sie einen Id auf Ihre tbody festlegen möchten dynamisch, was brauchen Sie, nachdem Sie Ihrem Körper zu tun ist, wie Sie bereits getan:

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

benötigen Sie einen id für Ihren Körper zu setzen, wie folgt aus:

tbody.id = "something"; 

oder

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

Dies funktioniert, weil Id Teil DOM element properties ist, die Sie lesen über sollte.

Answer 2

In folgenden Code nach tbody-Tag

tbdy.setAttribute ("id", "myid") bekommen;

Answer 3

Ich habe versucht, Ihren Code in Jsbin und fügte tbdy.id = 'testBody'; direkt nach der createElement für tbody. Scheint für mich zu arbeiten.

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

Bild - Table HTML for the Chrome dev tools