Mehrere HTML-Tags nacheinander einfügen

Nimm mal das creatElement mit in der schleife rein und kuck mal was passiert. Darf dir nicht zeigen was ich meine,also hoffe mal das du mich verstehst was ich meine.

Du mußt deinen Code nur etwas umsortieren

Natürlich darfst Du zeigen, was Du meinst. Nur keine kompletten Lösungen posten.

mthrfckrhannes: Der Hinweis von basti1012 ist schon korrekt.

Ich würde zusätzlich noch zuerst alle TR einzeln erstellen und mit den TD anreichern, dann jeweils an das TABLE hängen und am Ende ins DOM hängen.

Ja, das darfst Du.

Zitat von mthrfckrhannes

Darf ich denn die Lösung posten?

Ja ,aufjedenfall,wir wollen ja sehen was du gemacht hast .

Wir dürfen nicht sofort eine Lösung posten weil wir ja auch sehen wollen ob der Fragestelle auch eigeninitiative zeigt.

Da der TE ja bereits die Lösung hat, gehe ich mal davon aus, dass ich das hier so posten darf. Falls nicht, einfach entfernen...

Wer viel mit JavaScript zu tun hat, sollte sich mal mit prototype beschäftigen. Gerade dieser Fall, eine Tabelle mit bestimmten Anzahl an Zeilen und Spalten vorzudefinieren, wäre mit ein wenig Anpassungen über prototype auch in dieser Kürze zu erledigen:

var _laenge = 8;

_table = document.createElement( 'table' );
document.body.appendChild( _table.addRows(_laenge).addCols(_laenge, {'class':'foo'}) );

Dahinter stecken einfach nur die zwei Erweiterungsmethoden addRows und addCols, die ich per prototype an das HTMLTableElement gebunden habe.

Diese Erweiterungen verwende ich häufig in meinen Projekten, weil mein JavaScript dadurch wesentlich lesbarer wirkt. Ich bin zudem auch kein Freund vieler Schleifen im Hauptcode und lagere daher einiges in die Erweiterungen aus.

Das macht natürlich nur bei häufiger Verwendung Sinn!

Nutzt man das nur ein einziges Mal, ist das den Aufwand nicht wert, das ist klar.

EDIT:

Hier noch kurz die prototypes für die, die es interessiert

HTMLTableElement.prototype.addRows = function(x) {
  for ( i=0; i<=x; i++ ) this.appendChild( document.createElement('tr') );
  return this;
}

HTMLTableElement.prototype.addCols = function(x, opts) {
  this.childNodes.forEach( (row) => {
    for ( i=0; i<=x; i++ ) {
      td = document.createElement( 'td' );
      Object.entries(opts).forEach( ([key, val]) => { td.setAttribute(`${key}`, `${val}`); } );
      row.appendChild( td );
    }
  });
  return this;
}

Das Erstellen der Tabelle gehört nicht in die Schleife. Du willst ja keine 8 Tabellen haben...