在div中計算元素的類別

我有一個div中包含一堆元素。每個元素有多個類，如class="circle green"或class="square blue"或class="triangle red"。現在我需要通過其中一個類來計算元素，例如div中有多少個紅色元素。或者div中有多少個圈子。我怎麼做？在div中計算元素的類別

來源

2017-10-16 Igor234

隨着querySelectorAll。 – lilezek

你有什麼嘗試？ – j08691

我的不好，我的壞。我問了一個錯誤的問題。太困了，對不起。我的意思是我如何找到同一個班級中有多少元素在div中？我想知道是否在div中有兩個或多個紅色元素。不檢查每種可能的顏色，只是複製 – Igor234

最簡單的方法可能是：

document.getElementsByClassName('square').length

在格的情況下，你需要先莫名其妙地選擇股利。這裏就是div有一個id的例子 'myDiv'

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

，你可以在這裏找到更多的信息：https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByClassName

來源

2017-10-16 21:49:24

這不是一個解決方案。 – lilezek

我不同意你的看法。它返回給定類的元素數量。你也可以將'getElementsByClassName'應用到DOM中的特定元素，而不僅僅是文檔。所以你縮小搜索範圍 –

@lilezek爲什麼這不是一個解決方案？ op想要通過「**這些類的** **」進行計數，所以不需要querySelectorAll – FuzzyTree

在div中計算元素的類別

回答

相關問題