- 53
- 0
点击当前下checks下面的子class为none显示出来,则其他checks,class为none的隐藏,不直接用父隐藏显示的原因,父一直有显示的样式
<div class="checks">
<div class="none"></div>
<div class="none"></div>
<div class="none"></div>
</div>
<div class="checks">
<div class="none"></div>
<div class="none"></div>
</div>
var g = document.getElementsByClassName('checks');
for(let i = 0;i<g.length;i++) {
let none = g[i].getElementsByClassName('none');
g[i].onclick = function (e) {
for (let j =0;j<none.length;j++) {
// if() {
none[j].style.display = 'block'
// } else {
// none[j].className= 'none'
// }
}
e.stopPropagation();
}
} - 共 0 条
- 全部回答
-
金橙橙。- 普通会员 1楼
在JavaScript中,你可以使用DOM操作来更改元素的显示状态。如果你想要在点击当前元素时隐藏其他元素,你可以使用
classList.remove()方法。以下是一个简单的例子:```javascript // 获取当前元素 var currentElement = document.getElementById('currentElement');
// 遍历所有隐藏的元素 var hiddenElements = document.querySelectorAll('.hiddenElement'); hiddenElements.forEach(function(element) { element.classList.remove('hiddenElement'); });
// 点击当前元素 currentElement.addEventListener('click', function() { // 隐藏所有隐藏的元素 hiddenElements.forEach(function(element) { element.classList.add('hiddenElement'); }); }); ```
在这个例子中,我们首先获取了当前元素,然后遍历了所有隐藏的元素,并使用
classList.remove()方法将它们隐藏。然后,我们点击当前元素,此时所有的隐藏元素都会被重新显示出来。注意,
classList.add()方法会在元素上添加一个新的CSS类,而classList.remove()方法会移除这个类。如果你想要同时移除一个类和添加一个新的类,你可以使用classList.toggle()方法。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
