Ich habe folgenden Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Test</title>
<script type="text/javascript">
function anzahl_zeilen()
{
var zeilen_gesamt = document.getElementById('szenen').childNodes.length;
document.getElementById("anz").value = zeilen_gesamt;
}
</script>
</head>
<body>
<table id="test_table" summary="Test">
<thead>
<tr>
<th>Var1</th>
<th>Var2</th>
<th>Var3</th>
</tr>
</thead>
<tfoot>
</tfoot>
<tbody id="szenen"><tr>
<td>
<select name='b1'>
<option value="ja">ja</option>
<option value="nein">nein</option>
</select>
</td>
<td>
<input name='b1' type="text" value="" size="20" maxlength="50" />
</td>
<td>
<input name='b2' type="text" value="" size="20" maxlength="50" />
</td>
</tr>
<tr>
<td>
<select name='c1'>
<option value="ja">ja</option>
<option value="nein">nein</option>
</select>
</td>
<td>
<input name='c1' type="text" value="" size="20" maxlength="50" />
</td>
<td>
<input name='c2' type="text" value="" size="20" maxlength="50" />
</td>
</tr>
</tbody>
</table>
<input name="button" type="button" value="Anzahl Zeilen" onclick="anzahl_zeilen()" />
<input id="anz" name="anz" type="text" value="" />
</body>
</html>
Warum bekomme ich bei childNodes.length eine 4 zurück. Ich sehe in dem Code nur zwei Kinder. Kann mir das jmd erklären? Benutze Firefox als Browser. Hat das damit was zu tun??
Vielen Dank im voraus!