Karşı dikkatli olması gereken bir şey var. HTML 4 spec ne derse desin, onlar DOM görünen sırayla sunulmuştur.
Bu (geçersiz) HTML bakabilirsiniz.
<html>
<head>
<title>Test Page</title>
</head>
<body>
<form name="f1" method="get" action="fostered.htm">
<label>A <input type="checkbox" name="a" checked="checked" /></label>
<table>
<tbody>
<tr>
<td>
<label>B <input type="checkbox" name="b" checked="checked" /></label>
</td>
</tr>
<tr>
<label>C <input type="checkbox" name="c" checked="checked" /></label>
</tr>
</tbody>
</table>
<input type="submit" />
</form>
</body>
</html>
Bu durumda, teslim tarihinde sipariş A, C, B, çünkü ayrıştırma esnasında, C onay kutusunu bir tablo hücresinde değil çünkü tablonun başlangıcından önce olması "parented teşvik" dir.
Tabii ki, bu normal hale sayfada göstermek istiyorum, ama CSS bu maske olabilir.
HTML'nizi doğrulamak için sorun almak için iyi bir neden.
Bu C gizli bir alan olsaydı, teslim tarihinde sipariş A, B, C olurdu "gizli" giriş alanları teşvik, parented olmadığını fazlalaştı