[JS] Dynamisches Erzeugen von Elementen

[faux]

Hallo!

Eine Frage zum dynamischen Erstellen von Elementen in HTML (speziell Tabellen):

Was hält mich davon ab, folgenden Code:

Code:

var row = document.createElement("tr");
var col = document.createElement("td");
col.appendChild(document.createTextNode("Inhalt"));
row.appendChild(col);
document.getElementById("table").getElementsByTagName("tbody")[0].appendChild(col);

einfach so zu lösen:

Code:

document.getElementById("table").innerHTML = "<tr><td>Inhalt</td></tr>"

Wo liegt der Vorteil der ersten Ausführung gegenüber der zweiten?

Grüße
Faux