2013-03-06 71 views
0

我在下面的代碼中做錯了什麼,我無法獲得頁腳 div的參考?如何獲得div的參考?

<html> 
<title></title> 
<head></head> 
<body> 
<script>alert(document.getElementById('footer'));</script> 
<div id="footer">testing footer</div> 
</body> 
</html> 
+2

附: ''應該在頭標籤內。 – 2013-03-06 18:39:26

回答

7

您在加載頁腳之前調用getElementById()

把腳本在body或運行的底部onload

0

將腳本標記您要選擇div下面。我猜這個警報是返回null?

0

將其更改爲:

<script type="text/javascript">alert(document.getElementById('footer').innerHTML);</script> 

並把它放到DIV之後。

請注意,innerHTML假設您只是試圖從該div內獲取文本。

+0

現在的瀏覽器不再需要type =「text/javascript」 - 它沒有什麼區別。 – Luca 2013-03-06 18:38:44

+0

這是很好的做法: – 2013-03-06 18:39:27

+0

很久以前:「這個屬性是可選的,因爲Netscape 2是所有瀏覽器中的默認編程語言,都是JavaScript,在HTML中最好不要,瀏覽器知道該怎麼做。 http://javascript.crockford.com/script.html – Luca 2013-03-06 18:43:48

0

應該

<html> 
<title></title> 
<head></head> 
<body> 

<div id="footer">testing footer</div> 
<script>alert(document.getElementById('footer'));</script> 
</body> 
</html> 
0

創建頁腳前腳本標籤我位於前軀,因此將被執行。

有幾件事情,你可以做:

  • 地方下面的腳本頁腳。
  • deferred屬性添加到腳本
  • 重視onload事件