首頁猿問 getElementsByClas...

getElementsByClassName("btn").length的輸出

JavaScript

尚方寶劍之說 2019-03-12 15:19:51

<html><head> <meta charset="UTF-8"> <script type="text/javascript" > var x=document.getElementsByClassName("btn").length; document.write(x); </script></head><body> <div class="btn">1</div> <div class="btn">2</div> <div class="btn">3</div> <div class="btn">4</div></body></html>為何輸出結果是01234？

查看完整描述

1 回答

德瑪西亞99

TA貢獻1770條經(jīng)驗獲得超3個贊

document.write()執(zhí)行時.Document樹還沒有初始化. 所以是 0. 后面的是div顯示數(shù)字.
如果想要打印長度,加上onload函數(shù),那么你會發(fā)現(xiàn)一個神奇的效果,就是頁面就顯示一個4.
div哪去了?
因為js在執(zhí)行時Document已經(jīng)創(chuàng)建好了.在執(zhí)行Document.write時,就會重新打開一個新的文檔流.
新的文檔流就會把之前存在的頁面都被清除掉了.
write要慎用.

反對回復 2019-03-20