Question

这非常令人沮丧，因为它似乎很简单但却无法正常工作。

在我体内，我有

<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的显示加到任何位置？

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。

Answer 2

使用您在此处显示的确切代码，我收到错误＆＃39; divSplash为空。＆＃39;这是可以预料的 - 你的div命名为＆＃34; spashscreen＆＃34;但是你的JS函数正在寻找一个名为＆＃34; splashscreen的div。＆＃34; （你错过了＆＃39; l＆＃39;）。

当我修正错字时，它可以正常工作。

Answer 3

您没有使用相同的ID：）

spashscreen！= splashscreen

Answer 4

以下是jsfiddle

中的答案

HTML：

<div id ="splashscreen" style="display:block">
    <h3>title</h3>
    <p>text</p>
    <button onclick="splash()">Start</button>
</div>

Javascript：

function splash() {
    var divSplash = document.getElementById('splashscreen');
    divSplash.style.display = "none";
}

使用Javascript无法正常切换div可见性

4 个答案: