• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

[Javascript] Tabelle erstellen mit DOM

J

jeriko

New member
Ich habe folgendes Script, welches eine Tabelle erstellen soll:

Code: 
<html>
<head>
<title>test</title>
<script type="text/javascript">
<!--
function createtable()
{
  for(var x=0;x<10;x++)
  {
    var Zeile = document.createElement("TR");
    Zeile.id = "Zeile"+x;
    document.getElementById("Tabelle").appendChild(Zeile);
    for(var y=0;y<10;y++)
    {
      var Zelle = document.createElement("TD");
      Zelle.id = "Zelle"+x+y;
      var inhalt = document.createTextNode("Zelle"+x+y);
      Zelle.appendChild(inhalt);
      document.getElementById("Zeile"+x).appendChild(Zelle);
    }
  }
}
//-->
</script>
</head>
<body onload="createtable()">
<Table id="Tabelle" border="1">
</table>
</body>
</html>

Die neue MS Developer Toolbar zeigt mir die korrekte Struktur an, leider erscheint im Dokument keine Tabelle, Was mach ich nur wieder falsch?
 
Hi!

IE braucht bei so generiertem Tabelleninhalt explizit einen tbody:

function createtable(){
tb=document.createElement("tbody");
document.getElementById('Tabelle').appendChild(tb);
for(var x=0;x<10;x++){
var Zeile = document.createElement("tr");
Zeile.id = "Zeile"+x;
tb.appendChild(Zeile);
for(var y=0;y<10;y++){
var Zelle = document.createElement("td");
Zelle.id = "Zelle"+x+y;
var inhalt = document.createTextNode("Zelle"+x+y);
Zelle.appendChild(inhalt);
document.getElementById("Zeile"+x).appendChild(Zelle);
}
}
}

Ahoi - Pit
 
Wow, das war ja eine superschnelle Antwort, und dazu noch richtig! :D
Vielen Dank, jetzt funktioniert es

Viele Grüsse Jeriko
 
Ich habe versucht jedes Tabellenfeld mit einer eigenen Hintergrundfarbe anzulegen. Allerdings wird die letzte Farbe die durch die Schleifenwerte generiert wird für alle Tabellenfelder benutzt, so dass die Tabelle einheitlich aussieht.

Dabei benutzt ich den folgenden Befehl:
document.getElementById("Zeile"+x).style.backgroundColor="#"+hr+hg+hb;

Kann jemand helfen?
Gruß
Holger
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben