gpt4 book ai didi

javascript - 我试图使一个 div 在单击时消失,并使另一个 div 出现在我使用 javascript 编写和运行代码的位置;

转载 作者:可可西里 更新时间:2023-11-01 14:45:27 25 4
gpt4 key购买 nike

document.getElementById("nextOneButton").onclick = function(){

document.getElementById("mainFrameOne").style.display="none";
document.getElementById("mainFrameTwo").visibility="visible";

}

//mainFrameTwo is initially set hidden in terms of visibillity
//nextOneButton is on top of the mainFrameOne in terms of position, when //clicked it should move to next frame. Some what like a slide show

最佳答案

您确实需要一个按钮,以便将您的函数绑定(bind)到 onclick 事件。这是一个可能的解决方案:

<html>
<head>
<title></title>
<script>
function myFunction() {
document.getElementById("mainFrameOne").style.display="none";
document.getElementById("mainFrameTwo").style.display="block";
}
</script>
</head>
<body>
<div id="mainFrameOne">
<p>mainFrameOne</p>
</div>
<div id="mainFrameTwo" style="display:none;">
<p>mainFrameTwo</p>
</div>
<button onclick="myFunction()">Click me</button>
</body>
</html>

或者,您可以使用 anchor 标记来删除对按钮的需要:

<html>
<head>
<title></title>
<script>
function myFunction() {
document.getElementById("mainFrameOne").style.display="none";
document.getElementById("mainFrameTwo").style.display="block";
}
</script>
</head>
<body>
<a id="mainFrameOne" onclick="myFunction()" href="#">
mainFrameOne
</a>
<a id="mainFrameTwo" href="#" style="display:none;">
mainFrameTwo
</a>
</body>
</html>

关于javascript - 我试图使一个 div 在单击时消失,并使另一个 div 出现在我使用 javascript 编写和运行代码的位置;,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31091419/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com