javascript - 使用 javascript 显示/隐藏项目
问题描述
我使用 JavaScript 开发了一个 3D 模型。
我需要使用复选框显示/隐藏模型中的特定项目。
在 html 文件中,复选框已实现。
<div id= "shower" class="row-shower" /div>
<input type="checkbox" id="show-shower" />
<label for="show-shower"> show/hide shower </label>
在JS文件中,调用函数:
var elem = document.getElementById('shower'),
showshower = document.getElementById("show-shower");
showshower.checked = true;
showshower.onchange = function() {
elem.style.display = this.checked ? 'cubicle' : 'none';
};
showshower.onchange();
CSS 代码:
.cubicle {
display:block;
}
.hideCubicle {
display:none;
}
我面临的当前问题是当单击显示/隐藏复选框时,整个模型都消失了。我只需要淋浴消失。不是整个模型。
任何建议如何执行此操作?
解决方案
var elem = document.getElementById('shower');
showshower = document.getElementById("show-shower");
showshower.onchange = function ()
{
elem.classList = this.checked ? 'cubicle' : 'hideCubicle';
};
推荐阅读
- flutter - 提供者的通用类返回?
- python - 更新文件夹内所有 excel 中的特定工作表名称
- python - AES 128 CTR 随机访问解密与 Python 中的 cryptography.hazmat
- java - 我想在特定位置显示吐司
- java - 如何在没有@PostConsrtuct/init/@EventListener的情况下在Spring启动时运行一次方法?
- javascript - React Js API 调用 Jest 测试用例?
- flutter - Flutter 应用程序将 viewModel 传递给子视图
- python - 后向移动平均线和简单移动平均线怎么做?
- java - 如何从 JTextfield 中取回解密的字符串
- javascript - 随机化/随机播放包含 iframe 的 Div 元素