Look: Validator mag Tabelle nicht

Beitrag lesen

Hallo Thomas,
vielen Dank für die ausführliche Antwort;

ich habe mich bemüht und das Grundgerüst jetzt via createElement / appendChild erstellt:

///////////////////////////////////////////////////////

ebene = document.getElementById('ebene01');
tabelle = document.createElement('table');
body = document.createElement('tbody');

ebene.appendChild(tabelle);
tabelle.appendChild(body);

///////////////////////////////////////////////////////

Ich bin mir noch nicht ganz sicher, ob ich die mit "insertRow" dynamisch erstellten Reihen nun in die Tabelle

reihen = tabelle.insertRow(i);

oder in den Tabellenbody "einhängen" soll

reihen = body.insertRow(i);

Zum besseren Verständnis das vollständige und funktionierende Script,
das als Ergebnis aus meinem Tread https://forum.selfhtml.org/?t=87975&m=523784 entstanden und dort auch beschrieben ist.

/////////////////////////////////////////////////

<html>
<head>
<script type="text/javascript">
<!--

var reihe = new Array();
//

reihe[0] = new Array("1","2","3","4","5","6");
reihe[1] = new Array("1","2","3");
reihe[2] = new Array("1","2","3","4","5","6");
reihe[3] = new Array("1","2","3","4","5","6");
reihe[4] = new Array("1","2","3","4","5","6");
//

var maximal = 0;

for (i = 0; i < reihe.length; i++)
{
maximal = Math.max(maximal,reihe[i].length);
}

function erstelle_tabelle()
{

ebene = document.getElementById('ebene01');
tabelle = document.createElement('table');
body = document.createElement('tbody');

ebene.appendChild(tabelle);
tabelle.appendChild(body);

for (i = 0; i < reihe.length; i++)
{

reihen = tabelle.insertRow(i);

for (n = 0; n < maximal; n++)
{

zellen = reihen.insertCell(n);

if(n < reihe[i].length)
zellen.innerHTML = reihe[i][n];
else
zellen.innerHTML = "-";

tabelle.style.border = "1px solid black";

if (i < 1)
zellen.style.border = "1px solid red";
else
zellen.style.border = "1px solid green";

}

}

}

//-->
</script>
</head>
<body onload="erstelle_tabelle()">
<center>
<div id="ebene01"></div>
</center>
</body>
</html>

/////////////////////////////////////////////////

Vielleicht erbarmst Du dich nochmal in puncto:wo einfügen von dynamisch erzeugten Reihen ... in "tabelle" oder "body".

Mit freundlichen Grüßen

Look