Fatal编程技术网
  • javascript/
  • JavaScript：如何按类获取元素数量

JavaScript：如何按类获取元素数量

javascript

JavaScript：如何按类获取元素数量,javascript,Javascript,我有一些类别的div，例如class=“product”。我需要通过使用body onmouseover=“some（）；”的JavaScript函数获取页面上此类的元素总数。我只需要一个JavaScript解决方案，不需要jQuery，也不需要document.querySelectorAll。我试着 <script type="text/javascript"> function some() { var product = document.getElementsByCla

我有一些类别的div，例如class=“product”。我需要通过使用body onmouseover=“some（）；”的JavaScript函数获取页面上此类的元素总数。我只需要一个JavaScript解决方案，不需要jQuery，也不需要document.querySelectorAll。我试着

<script type="text/javascript">
function some() {
  var product = document.getElementsByClassName('product');
  for(var i in product) {
    var quantity = product[i].length;
  }
}
</script>
<body onmouseover="some();">
<div class="product"></div>
<div class="product"></div>
</body>


函数some（）{
var product=document.getElementsByClassName（'product'）；
用于（产品中的var i）{
变量数量=产品[i]。长度；
}
}
但它不起作用。我需要得到“2”。提前谢谢

您也可以共享您的html吗…？html元素没有
length
属性。您想要
产品
元素的数量吗
document.getElementsByClassName（'product'）.length
？在鼠标上方调用此函数不是一个好主意。请先阅读
getElementsByClassName
所做的事情……它返回元素数组（实际上是HTMLCollection）。你是做什么的？您不是获取该数组的长度，而是迭代该数组的每个属性（不，不是元素），并尝试获取每个属性的长度，而不是整个数组的长度。

function some() {
  var quantity = document.getElementsByClassName('product').length;
}