账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    js dom操作点击当前显示点击其他隐藏?
    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
    打赏
    收藏
    点击回答
        全部回答
    • 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()方法。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部