如果类存在则显示内容

时间:2017-12-26 13:46:54

标签: javascript

如果某个按钮上存在类active,我正在尝试显示div中的内容。

<button type="button" class="tab tab-library">Library</button>
<button type="button" class="tab tab-home active">Home</button>
<button type="button" class="tab tab-settings">Settings</button>

这些是我的按钮,active类的切换工作取决于按下的按钮。

然而,当我按下任何特定按钮时,我正在努力展示不同的内容。

<div class="home-container">
   <div class="home">

      Content

   </div>
</div>

只有具有active类的容器才能显示/显示。

请不要jQuery,因为我还在努力学习普通的JS。

1 个答案:

答案 0 :(得分:0)

这是测试代码,您可以使用 querySelector ,如果类退出然后提示是否正常,为了测试点击点击按钮,然后提醒确定< /强>

&#13;
&#13;
function test() {
        if (document.querySelector('.home') !== null) {
            alert('ok');
        } else {
            alert('not');
        }
    }
&#13;
<body>
<div class="home-container">
    <div class="home">

        Content

    </div>
    <span style="cursor: pointer; background: #0f192a;color: #00BD9B" onclick="test()">Click</span>
</div>
</body>
&#13;
&#13;
&#13;