如果某个按钮上存在类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。
答案 0 :(得分:0)
这是测试代码,您可以使用 querySelector ,如果类退出然后提示是否正常,为了测试点击点击按钮,然后提醒确定< /强>
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;