ich möchte gerne eine Zeile zwischen zwei andere Zeilen einfügen. Leider klappt folgender Versuch noch nicht so richtig. Vielleicht kann mir ja einer von euch sagen, wo der Fehler liegt?
- Code: Alles auswählen
<html>
<head>
<title>
Test
</title>
<script type="text/javascript">
function add(){
var tr = document.createElement("tr");
var td = document.createElement("td");
td.appendChild(document.createTextNode("Test"));
tr.appendChild(td);
var td = document.createElement("td");
td.appendChild(document.createTextNode("Test"));
tr.appendChild(td);
document.getElementById("table1").insertBefore(tr, document.getElementById("row2"));
// document.getElementById("table1").appendChild(tr); // Klappt anstandslos
}
</script>
</head>
<body>
<table id="table1" border="1">
<tr id="row1">
<td>
erster
</td>
<td>
zweiter
</td>
</tr>
<tr id="row2">
<td>
0
</td>
<td>
1
</td>
</tr>
</table>
<p onClick=add() >add</p>
</body>
</html>