Question

在我体内说我有这个：

<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>的数量（换句话说，它将返回3）。怎么样？

Answer 1

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

编辑：正如RGraham所提到的，这比getElementsByTagName要慢，但它的优势在于，如果你需要在另一个元素中找到H2，你可以用{{1}轻松完成}}。例如，在querySelectorAll

的元素中查找H2 s

class="moose"

Answer 2

以下内容将为您提供结果：

document.getElementsByTagName('h2').length

Answer 3

document.getElementsByClassName返回＆＃34;节点列表＆＃34;。它类似于数组，您可以使用length属性计算元素。

function h2_num () {
    var count = document.getElementsByTagName('h2').length;
    return count;
}

如果您对count变量不做任何操作，可以使用

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