1

ボタンをクリックしたときにテキストのスパンを赤くしたい。Javascript と HTML を分離した最初のコード セットが機能しないのはなぜですか?

最初のセット (動作していません)

JAVASCRIPT:
    function focus()
    {
        getElementById('redder').style.color = '#ff0000';
    }

HTML:
    <button id="button1" onClick="javascript:focus()">cool</button>
    <span id="redder"> RED </span>

. . .

2 番目のセット (作業中)

HTML:
    <button id="button1" onClick="getElementById('redder').style.color = '#ff0000';">cool</button>
    <span id="redder"> RED </span>
4

2 に答える 2

3
  1. クリック イベント ハンドラーの名前をfocusから別の名前に変更します。
  2. 使用する必要がありますdocument.getElementById() 
<script>
     function changeColor()
        {
            document.getElementById('redder').style.color = '#ff0000';
        }
    </script>
    <body>
        <button id="button1" onClick="changeColor();">cool</button>
        <span id="redder"> RED </span>
    </body>
于 2013-02-17T09:18:41.143 に答える
1

非インライン JavaScript を使用する場合は、ドキュメント スコープを追加する必要があります。

document.getElementById('redder').style.color('#ff0000');

インラインで定義されている場合、JavaScript はそのスコープを必要としないと思いますが、それに関するドキュメントをすぐに見つけることができません。

于 2013-02-17T09:14:47.487 に答える