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

有两种选择：

一种使用 JavaScript：

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

另一个使用 jQuery；JavaScript 库。

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

选项二不起作用，因为您也必须编写事件函数，所以只需使用第一个作为：

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 回答