2

これは非常に単純に見えますが、機能していないため、非常にイライラします。

私の体には私が持っている

<div id ="splashscreen" style="display:block">
    <h3>title</h3>
    <p>text</p>
    <inputtype="button" value="Start" onClick="splash();" />
</div>`

そして、頭の中で、私が持っているスクリプトタグ内に

function splash() {
    var divSplash = document.getElementById("splashscreen");
    divSplash.style.display = "none";
}

確かに、[開始] ボタンをクリックすると、splash()関数が呼び出され、私のsplashscreendiv の表示は何も唱えられませんか?

4

4 に答える 4

2

ここでの問題は、あなたが書いたlanguage="text/javascript"、代わりに使用すると機能するlanguage="javascript"ことです。

language プロパティを削除し、代わりにtype="text/javascript"を使用することをお勧めします。HTML5 を使用している場合は、type プロパティを省略できます。

<script type="text/javascript"> 
    function startGame() { 
        var divSplash = document.getElementById("splash"); 
        divSplash.style.display = "none"; 
    } 
</script>

また、 language プロパティは廃止されました。

于 2013-03-05T19:35:40.660 に答える
1

ここに表示されている正確なコードを使用すると、「divSplashisnull」というエラーが発生します。これは予想されることです。divの名前は「spashscreen」ですが、JS関数は「splashscreen」という名前のdivを探しています。（「l」がありません）。

タイプミスを修正すると、機能します。

于 2013-03-05T19:12:42.783 に答える
0

これがjsfiddleの答えです

HTML：

<div id ="splashscreen" style="display:block">
    <h3>title</h3>
    <p>text</p>
    <button onclick="splash()">Start</button>
</div>

Javascript：

function splash() {
    var divSplash = document.getElementById('splashscreen');
    divSplash.style.display = "none";
}
于 2013-03-05T19:30:17.197 に答える
0

同じIDを使用していません:)

スプラッシュスクリーン！=スプラッシュスクリーン

于 2013-03-05T19:13:21.137 に答える