Fejl i DOM kode
Indeholdet af den nederste tabel kopieres ind i den øverste tabel. Klik på clean skal slette elementerne i den øverste tabel, men der går noget galt?<html>
<head>
<title>Test</title>
<script language="javascript">
function cleanTableView() {
var tBodyElm = document.getElementById('viewtbody');
var trElements = tBodyElm.childNodes;
alert(trElements.length);
for(i=0;i<trElements.length;i++) {
alert(i);
tBodyElm.removeChild(trElements(i));
}
}
function initTableView() {
viewTrElm = document.getElementById('viewstartTR');
tableElm = document.getElementById('tabledata');
navElm = document.getElementById('trailerTR');
trElm = tableElm.firstChild;
trElements = trElm.childNodes;
for(i=0;i<trElements.length;i++) {
newTrElm = trElements(i).cloneNode(true);
viewTrElm.parentElement.insertBefore(newTrElm, navElm);
}
}
</script>
</head>
<body onLoad="initTableView()">
<a href="java script:cleanTableView()">Clean</a>
<!-- COPY TO TABLE -->
<table bgcolor="silver" id="viewtable">
<tbody id="viewtbody">
<tr id="atts"><td>Navn</td><td>Adresse</td></tr>
<tr id="viewstartTR"><td></td></tr>
<tr id="trailerTR"><td></td></tr>
</tbody>
</table>
<!-- COPY FROM TABLE -->
<table bgcolor="green" id="tabledata">
<tr><td>Navn1</td><td>Adresse1</td></tr>
<tr><td>Navn2</td><td>Adresse2</td></tr>
<tr><td>Navn3</td><td>Adresse3</td></tr>
<tr><td>Navn4</td><td>Adresse4</td></tr>
<tr><td>Navn5</td><td>Adresse5</td></tr>
<tr><td>Navn6</td><td>Adresse6</td></tr>
</table>
</body>
</html>
