根据另一个div的类消防onclick事件？

Question

我有一个触发onclick事件的javascript按钮，但我只希望它能做到这一点，如果另一个div包含一个名为“active”的类。

所以我有这个结构：

<div id="div1">
<div id="someid1" class="design"></div>
<div id="someid2" class="design"></div>
<div id="someid3" class="design"></div>
<div id="someid4" class="design"></div>
</div>

基于其他页面活动，任何可以更改为class =“active”

<div id="someid2" class="design active">

按钮是：

<button type="button" id="button1" onclick="dosomething">Click me</button>

但我只想让dosomething工作，如果上面任何一个div都有活动类，如果没有则抛出警告。我对javascript并不是非常好，可以使用一些帮助。

希望这很清楚。感谢。

Answer 1

假设dosomething是一个函数，你可以检查它里面的类

function dosomething() {
    if ( document.querySelector('#parentid .active') ) {
        // do stuff
    }
}

querySelector如果找不到则返回null，这是假的。

document.querySelector documentation