Eine Tabelle wird um das tbody-Element ergaenzt
<table id="Header">
<thead>
<tr>
<th>Name</th>
<th>Wert</th>
</tr>
</head>
</table>
document.createElement(„tbody“);
Erzeugt einen neuen Element-Knoten mit dem angegebenen Tag-Namen.
document.createTextNode(„blablub“);
Erzeugt einen neuen Text-Knoten, der den angegebenen Text enthaelt.
appendChild(Node);
Node wird als Kindelement angehaengt.
<script>
var request = new XMLHttpRequest();
function dynTable() {
if (request.readyState == 4) {
var h = document.getElementById("Header");
var b = document.createElement("tbody");
var headers = request.getAllResponseHeaders().split("n");
for (var i=0; i < headers.lenght; i++) {
var trenner = headers[i].indexOf(": ");
// neue Tabellenzeile
var zeile = document.createElement("tr");
// neue Tabellenzelle
var zelle1 = document.createElement("td");
// neuer Textknoten
var text = document.createTextNode(headers[i].substring(0, trenner));
// Textknoten wird an die Zelle gehaengt
zelle1.appendChild(text);
// Zelle wird an die Zeile gehaengt
zeile.appendChild(zelle1);
var zelle2 = document.createElement("td");
var text = document.createTextNode(headers[i].substring(trenner + 2, headers[i].length));
zelle2.appendChild(text);
zeile.appendChild(zelle2);
// Zeile wird an tbody gehanegt
b.appendChild(zeile);
}
// tbody wird an Tabelle gehaengt
h.appendChild(b);
}
}
window.onload = function() {
request.open("GET","daten.txt");
request.onreadystatechange = dynTable;
request.send(null);}
</script>
|
Sag etwas dazu: