显示最初隐藏的内容

时间:2016-12-22 01:36:26

标签: javascript onload display

resultTable最初是隐藏的。单击播放按钮时,游戏将运行,它将在隐藏内容中显示finalscore。我需要一个显示finalscore的功能。目前我所拥有的showResult功能不起作用(显然)

我删除了不必要的内容,因为整个事情有点大而且凌乱。希望代码仍然有意义。

<body onload="loadGame()">
    <div>
        <button onclick="playButton()" id="play">Play</button>
    </div>
    <div id="resultTable" >
        <span id="result"></p>
    </div>

    <script>
        function loadGame(){
            var hideResult = document.getElementById("resultTable");
            hideResult.style.display = "none";
        }
        function playButton(){
            playGame();
            showResult();
        }
        function playGame(){
            /*Some code here*/
            document.getElementbyId("result").innerHTML = "finalscore";
        }
        function showResult(){
            var show = document.getElementById("resultTable"); //fixed.
            show.style.display = "block";
        }
    </script>
</body>        

1 个答案:

答案 0 :(得分:0)

更改您找到元素的方式,将其显示设置为块或无。您正在使用&#34; getElementsByClassName&#34;方法,但DOM中没有带有这种类名的元素。

此外,&#34; getElementsByClassName&#34;会在DOM中返回一个包含所有元素的数组(如果找到),你必须遍历数组才能访问它。

 function showResult(){
            document.getElementById("resultTable").style.display = "block";
        }