Javascript 检测元素'；s子项作为数值

小提琴：

在我的小提琴中，我有一个div，它有一些元素，就像它的孩子们一样。是否仍然可以检测一个元素有多少子元素作为数值？如果是这样的话，这样的事情怎么办

JavaScript/JQuery：

$(".grab-contenu").on('click', function() {
  $(".spectacle-contenu").html(
    $(".contenu").children().toString()
  );
});

HTML：

<div class="contenu" align="center">
  <header class="largeur-objet">My width is 80%</header>
  <button class="grab-contenu">Detect children number</button>
  <footer class="spectacle-contenu">Show children number</footer>
</div>

我的宽度是80%
检测儿童数量
显示儿童号码

非常感谢您的帮助。

请尝试更改

$(".contenu").children().toString()

到

$(".contenu").children().length