这段代码写得很好,应该有效,但事实并非如此。当我遇到这个问题时,我正打算制作我页面的基础知识。
脚本src命令也是正确的。
有没有人知道它为什么不起作用?
function continue(){
var CM=document.getElementById("intro2");
if(CM.style.display=="block"){
CM.style.display="none";
}
else{
CM.style.display="block";
}
}

#intro2{
display:none;
text-align:center;
color:black;
position:absolute;
left:32%;
bottom:10%;
width:40%;
height:35%;
border:none;
}

<button onclick="continue()" id="continue">Continue</button>
<div id="intro2">
<p><h1>text text text text</h1></p>
<a href="Page.html">Get started</a>
<img src="https://yt3.ggpht.com/a-/AJLlDp1pvZTkG1K-QcKZg_Fd1eUNu-e4GKXCJOLoHA=s900-mo-c-c0xffffffff-rj-k-no"/>
</div>
&#13;
答案 0 :(得分:1)
由于continue
是JavaScript中的保留关键字,因此无法将您的函数命名为。
相反,请使用不同的名称:
function doContinue() {
var CM = document.getElementById("intro2");
CM.style.display = (CM.style.display === 'block' ? 'none' : 'block');
}
#intro2 {
display: none;
text-align: center;
color: black;
position: absolute;
left: 32%;
bottom: 10%;
width: 40%;
height: 35%;
border: none;
}
<button onclick="doContinue()" id="continue">Continue</button>
<div id="intro2">
<p><h1>text text text text</h1></p>
<a href="Page.html">Get started</a>
<img src="https://placekitten.com/200/300"/>
</div>