2011-09-25 10 views
2

私はJavaScriptの学習を始めています。コースのDOMセクションに到達しました。DOM GetElementsByTagName問題

私はそれに10個のタグが付いたページがあります。私はいくつ持っているか教えて下のJavaScriptを作成しました。

<script type="text/javascript"> 
var myLinks = document.getElementsByTagName("a"); 
console.log("We have ", myLinks.length ," many links on the page"); 
</script> 

しかしコンソールで、それはこのことを報告:10のリンク、9は、ウェブサイトのnavgationセクションにあるよう

私たちは、ページ上の0多くのリンク

を持っているこれは真実ではないと1をフッターに追加します。

誰かが私に何が間違っているのかを教えてもらえると、すばらしいことになります。実行の時点で、DOMが完全にロードされていないので、あなたは、onloadハンドラでこれをラップする必要が

おかげ

+3

ページの一番下(「」の直前)にコードを挿入すれば動作します。 –

+0

典型的な設定に従うと、スクリプトブロックはページの ''セクションに表示されます。評価されるとき、まだ ' '要素が存在しないので、' myLinks'は 'length'が' 0'の空の配列になります。 –

答えて

2

文書の末尾にスクリプトを入れて(閉じる前に</body>):