table的子節(jié)點(diǎn)問(wèn)題,這個(gè)table的子節(jié)點(diǎn)問(wèn)什么只有2個(gè)?
<!DOCTYPE html>
<html>
?<head>
? <title> new document </title> ?
? <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> ??
?</head>?
?<body>?
? <table border="1" width="50%" id="table">
? <tr>
<th>學(xué)號(hào)</th>
<th>姓名</th>
<th>操作</th>
? </tr> ?
? <tr>
<td>xh001</td>
<td>王小明</td>
<td><a href="javascript:;" onclick="deleteRow(this)">刪除</a></td>
? </tr>
? <tr>
<td>xh002</td>
<td>劉小芳</td>
<td><a href="javascript:;" onclick="deleteRow(this)">刪除</a></td>
? </tr> ?
? </table>
??
? <script type="text/javascript"> ?
var mytr=document.getElementById("table").childNodes;
? ? ? ? ??
document.write(mytr.length);
? </script>?
?</body>
</html>
2016-11-07
自己看審查元素,你寫得不標(biāo)準(zhǔn),瀏覽器給你加個(gè)tbody,還有一個(gè)一個(gè)子元素應(yīng)該是瀏覽器給它加了個(gè)換行符。
我們?cè)趆tml上這樣寫的話是長(zhǎng)度是3個(gè)(下圖)
而這樣寫的話長(zhǎng)度是1(下圖)
總之:反正換行符是算一個(gè)的。與其用childNodes這種方式不如用getElementByTagName("tr")。
2016-12-10
瀏覽器給你的代碼加了tbody之后,像是td tr 就不再是table的子節(jié)點(diǎn),而是tbody的子節(jié)點(diǎn)了