2

这是非常令人沮丧的，因为它看起来很简单但行不通。

在我的身体里我有

<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()应该调用该函数并且将我的splashscreendiv 的显示设为无？

4

4 回答 4

2

这里的问题是你写的language="text/javascript"，如果你改用language="javascript"它的话。

我建议您删除语言属性并改用type="text/javascript"。如果您使用的是 HTML5，则可以省略 type 属性。

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

此外，语言属性现在已过时。

于 2013-03-05T19:35:40.660 回答
1

使用您在此处显示的确切代码，我收到错误“divSplash 为空”。这是意料之中的——您的 div 名为“spashscreen”，但您的 JS 函数正在寻找一个名为“splashscreen”的 div。（你错过了一个'l'）。

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

于 2013-03-05T19:12:42.783 回答
0

您没有使用相同的 id :)

闪屏！=闪屏

于 2013-03-05T19:13:21.137 回答
0

这是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";
}
于 2013-03-05T19:30:17.197 回答