javascript - 使用 Javascript 的简单切换 div 可见性不起作用

Question

这非常令人沮丧，因为它看起来很简单但无法正常工作。

我的 body 里有

<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() 函数并将我的 splashscreen div 的显示设置为 none？

Answer 1

这里的问题是你写的 language="text/javascript"，如果你改用 language="javascript" 就可以了。

我建议您删除语言属性并改用type="text/javascript"。如果您使用的是 HTML5，you can omit the type property .

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

此外，语言属性 is now obsolete .