div内の要素をクラスの1つで数えます

divの要素が数多くあります。各要素にはclass="circle green"またはclass="square blue"またはclass="triangle red"のような複数のクラスがあります。これらのクラスの1つで要素を数える必要があります。または、div内の円の数はいくつですか？それ、どうやったら出来るの？div内の要素をクラスの1つで数えます

出典

2017-10-16 Igor234

querySelectorAllで：ここではdiv要素は、あなたがここに見つけることができるID 'myDiv'

document.getElementById('myDiv').getElementsByClassName('square').length

の詳細情報を持っている例があります。 – lilezek

何を試しましたか？ – j08691

私の悪い、私の悪い。私は間違った質問をしました。あまりにも眠くて、すみません。私はどのように同じクラスの要素がdivにあるのかを見つけることができますか？ divに2つ以上の赤い要素があるかどうかを知りたい可能なすべての色をチェックするのではなく、単に複製する – Igor234

最も簡単な方法は次のようになります。

document.getElementsByClassName('square').length

のdivの場合は、あなたが最初に何とかdiv要素を選択する必要があります。 https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByClassName

出典

2017-10-16 21:49:24

これは解決策ではありません。 – lilezek

私はあなたに同意しません。与えられたクラスの要素の量を返します。 domの特定の要素に 'getElementsByClassName'を適用することもできます。だからあなたの検索を絞り込む –

@lilezekなぜこれは解決策ではないのですか？ opは "**これらのクラスのうちの1つ**"によって数えたいので、 'querySelectorAll'は不要です。 – FuzzyTree

div内の要素をクラスの1つで数えます

答えて

関連する問題