0

こんにちは、関数に問題があります。非表示の div を表示するために関数を呼び出すと、機能しません。非表示の div は表示されません。stackoverflow に投稿されたものから前の例に従いましたが、それでも私のコードは機能しません。

これは私のhtmlファイルです

<div id="playTheGame" class="css/outer" style="display:none;" >
    <div class="css/inner">      
        <h1>Choose!</h1>
                    <section id="hand">
                <img src="images/rock.png">
                <img src="images/paper.png">
                <img src="images/scissors.png">
            </section>
 </div>
 </div>

私の機能

<script>
function logSuccess(){
    document.getElementById("playTheGame").style.visibility="visible";
}
</script>

関数に使用したボタン

<input type="button" onclick="logSuccess()" value="Show">
4

2 に答える 2

1

コードをこれに変更します

document.getElementById("playTheGame").style.display = "block";

display プロパティで非表示にしたので、display プロパティで表示します。

于 2013-09-14T16:52:06.810 に答える
0

これには 2 つのオプションがあります。

JavaScript を使用するもの:

object.style.display="block"; // where object will be the playThemGame id element..

もう 1 つは jQuery を使用しています。JavaScript ライブラリ。

$("#playTheGame").show();

オプション 2 は機能しません。イベント関数も作成する必要があるためです。したがって、最初のオプションを次のように使用してください。

document.getElementById("playTheGame").style.display="block";

編集：

使用しているので

document.getElementById("playTheGame").style.display="block";

結果を表示するには、これを使用して表示を削除する必要があります。

document.getElementById("playTheGame").style.display = "none"; to hide it back!

object-->style-->display基本的な考え方は、これはの値を にシフトするだけで、これnone以上属性を追加しないということです。現在の属性の値をシフトするだけです。

于 2013-09-14T16:54:53.857 に答える