resultTable
最初是隐藏的。单击播放按钮时,游戏将运行并显示隐藏内容中的最终分数。我需要一个函数来显示最终得分。目前,我的 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>
最佳答案
更改查找元素的方式以将其显示设置为 block 或无。您正在使用“getElementsByClassName”方法,但 DOM 中没有具有此类名称的元素。
此外,“getElementsByClassName”将返回一个包含所有元素的数组(如果在 DOM 中找到),您必须遍历该数组才能访问它。
function showResult(){
document.getElementById("resultTable").style.display = "block";
}
关于javascript - 显示最初在加载时隐藏的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41274555/