javascript - Onclick 事件问题
问题描述
我的 onclick 事件有问题。我想在我的页面中有一个子菜单。我的页面上有 5 个图标。当我单击一个图标时,其他 4 个图标消失。当 4 个图标消失时,会出现几个按钮可以转到其他页面。
我对这个事件的问题是其他按钮不显示。而且我不知道问题是什么...
我制作了一个视频来展示这个问题;
我的代码;
<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";
解决方案
您还需要参考zwembadwarmtewisselaar
。
var zwembadwarmtewisselaar = document.getElementById("zwembadwarmtewisselaar");
推荐阅读
- oauth-2.0 - 为什么 oauth 协议使用两步来检索 access_token 而不是一步完成?
- server - 将第二个 IP4 添加到服务器(CentOS)
- c# - 在 PowerShell 中重新导入 C# .dll 不会更新类
- elasticsearch - 无论字段长度如何,Elasticsearch 得分完全匹配
- c++ - 变量名使用什么数据类型?我怎样才能对多个变量进行快捷分配?C++
- c# - C# Grpc System.InvalidOperationException:“请求完成后无法写入消息。”
- ios - 在本机反应中使动画连续
- android - Android Studio ClipArt 不显示任何图标
- compiler-construction - 如何使用 APEX 编译器将 Ada 代码从 Sun Solaris 10 迁移到 11
- c# - 将 ForEach 表转换为 Datatable Jquery 表的简单方法?