[英]Onclick event problems
I have an issue with my onclick event.我的 onclick 事件有问题。 I want to have a sub-menu within my page.
我想在我的页面中有一个子菜单。 I have 5 icons on my page.
我的页面上有 5 个图标。 when I click on one icon, the other 4 icons disappear.
当我单击一个图标时,其他 4 个图标消失。 when the 4 icons disappear, there will show up an couple of buttons to go to other pages.
当 4 个图标消失时,将显示几个按钮到 go 到其他页面。
my problem with this event is that the other buttons, don't show up.我对这个事件的问题是其他按钮不显示。 and i do not know what the problem is...
而且我不知道问题是什么...
I made a video to show the problem;我制作了一个视频来展示这个问题;
https://youtu.be/F2NUj3KVIIk https://youtu.be/F2NUj3KVIIk
my code;我的代码;
<div id="column">
<p id="afbeelding-spiraal">
<img width="150" id="spiraal" src="https://www.spiralex.nl/wp-content/uploads/2020/12/spiraal-correct.png">
</p>
</div>
<div id="column">
<p id="afbeelding-plaat">
<img width="150" id="plaat" src="https://www.spiralex.nl/wp-content/uploads/2020/12/platenwisselaar-correct.png">
</p>
</div>
<div id="column">
<p id="afbeelding-lucht">
<img width="150" id="lucht" src="https://www.spiralex.nl/wp-content/uploads/2020/12/lucht-1.png">
</p>
</div>
<div id="column">
<p id="afbeelding-skids">
<img width="150" id="skids" src="https://www.spiralex.nl/wp-content/uploads/2020/12/skids-correct.png">
</p>
</div>
</div>
<div id="text">
<div id="text-buis">
<button id="zwembadwarmtewisselaar">Zwembadwarmtewisselaar</button>
</div>
<script type="text/javascript">
var buis = document.getElementById("buis")
var spiraal = document.getElementById("spiraal")
var plaat = document.getElementById("plaat")
var lucht = document.getElementById("lucht")
var skids = document.getElementById("skids")
buis.onclick = function(){
if(spiraal.className ==""){
spiraal.className = "hide";
plaat.className = "hide";
lucht.className = "hide";
skids.className = "hide";
zwembadwarmtewisselaar.className = "show";
You need to make a reference to zwembadwarmtewisselaar
also.您还需要参考
zwembadwarmtewisselaar
。
var zwembadwarmtewisselaar = document.getElementById("zwembadwarmtewisselaar");
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.