問題getElementbyId

Question

私有の問題を叩くととしており

<script type="text/javascript">
<!--
function show_links(locale) {

        var box = document.getElementById(locale);

        if(box.style.display == "none") { 
            box.style.display = "inline";
        } 
         else { 

            box.style.display = "none";
        }

    }
    //-->
</script>

<div class="link"><strong><a href="javascript:show_links(test);">Test</a></strong></div>
<div class="test"> Blah blah blah. This content comes and goes. </div>

いすいです。私はリンクをクリックし"Test"で表示する項目を選択で結構居になります。クリックすると、再べきである。しかしながら、奇問題です。私は加工のコードをデバッガにあたり、その線 var box = document.getElementById(locale); 働いていないのを修正 box はnullに設定される.誰でもできるので理論ですが？

Answer 1

くつかの方法があります。最初の重要なもの:

1. の値ですぐに show_links 機能の変動 test.これは等しい undefined でなくなるわけではありませんせん。
2. の要素を見つけようと試みているよ id ないようなものなのか。わずかであります。

らかじめ与えておく必要がありまの要素にしようとしてい合わせidとパスa 文字列 の代わりに未定義の値です。

その後、少な課題です。

1. きのインライン表示スタイル物件ですがな設定でデフォルトです。として、経験則からすtwiddleの className 財産の持ち出しおよびスタイルで定義されるスタイルシートです。
2. ご利用のjavascript擬似URIの代わりに 進化.
3. い コメントを包みの内側にスクリプト.時 ベスト, この意味が無い。
4. まtwiddling部と inline や none, ものの、デフォルト表示値divは block.する理由があってdivタインラインがほとんどの時間を使用別の要素となります。

Answer 2

javascript:show_links(test);

testは不明識別子ですです。どこでそれを定義しましたか？あなたは、文字列を養うためにもしかして？

<div class="test"> Blah blah blah. This content comes and goes. </div>

この行のtestのIDを持つ要素がありません。適切な属性idを使用します。