javascript - 我有多少个具有特定标签名称的元素-6ren

javascript - 我有多少个具有特定标签名称的元素

转载作者：行者123 更新时间：2023-11-28 15:44:19

25

4

说我体内有这个:

<body onLoad="h2_num();">
<h2>Hello world!</h2>
<b>Say hello!</b>
<h1>Hey!</h1>
<h2>My HTML page is</h2>
awesome.
<h2>The End</h2>

我想创建一个函数h2_num()这将返回 <h2> 的数量体内有 s (换句话说，它将返回 3)。怎么办？

最佳答案

function h2_num() {
  return document.querySelectorAll('h2').length;
}

编辑:正如 RGraham 提到的，这比 getElementsByTagName 慢，但它的优点是，如果您需要在另一个元素中查找 H2，您可以这样做使用querySelectorAll非常容易。例如，在带有 class="moose"

的元素中查找 H2

function h2InClassMoose_num() {
  return document.querySelectorAll('.moose h2').length;
}

关于javascript - 我有多少个具有特定标签名称的元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22858961/

25

4

0