這個為什么獲取不到table的tr的length呢
var?tr?=?document.getElementsByTagName("tr");
document.write(tr.length);
//輸出0
79351
2018-03-27
6 回答
舉報
0/150
提交
取消
2018-04-05
發(fā)現(xiàn)我剛剛那個回答沒有說到點上，重答一遍。
題目給的代碼，script部分是在head中的，先于body的內(nèi)容執(zhí)行，所以在執(zhí)行這兩句代碼的時候，頁面中根本就沒有表格，于是輸出的長度為0.
改進方法為：在<input type="button" value="添加一行" ?/>之后，寫上以下代碼，
<script type="text/javascript">
? ? ? ?var tr = document.getElementsByTagName("tr");
? ? ? ? ? ? document.write(tr.length);
?</script>?
這樣，在訪問tr的length屬性時，頁面中就有三行了，于是輸出結(jié)果為3.
你可以觀察你的代碼寫在head和寫在body里面的時候，數(shù)字0和數(shù)字3的輸出位置，0是表格之前輸出的，而3是在表格之后輸出的。
2018-04-05
?var table = document.getElementById("table");
document.write(table.childNodes.length);
我用這個，可以順利輸出。
2018-03-28
var?tr?=?document.getElementsByTagName("br") ?; ?你里面寫的是br 不是tr ?當(dāng)然是0啦
2018-03-28
<!DOCTYPE?html> <html> <head> <meta?charset="UTF-8"> <title></title> <script?type="text/javascript"> var?tr?=?document.getElementsByTagName("br") document.write(tr.length) </script> </head> <body> <table> <tr><td>1</td><td>2</td><td>3</td></tr> <tr><td>1</td><td>2</td><td>3</td></tr> <tr><td>1</td><td>2</td><td>3</td></tr> </table> </body> </html> //謝謝回答，不過我這個為什么輸出是0啊2018-03-28
不好意思，弄錯了，我試了，你這個代碼是可以正確輸出tr的length
function getLength(){
?? ??? ??? ?var tr = document.getElementsByTagName("tr");
?? ??? ??? ?document.write(tr.length);
?? ??? ?}
2018-03-28
var?tr?=?document.getElementsByTagName("tr");document.write(tr[0].length);