计算html文档中特定类型的标记数，并使用javascript将其显示为数字

如何简单地创建一个计数器，对html中特定类型的元素进行计数并在div中显示计数。例如，对

li

进行计数并显示数字：

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>

<div class="counter">5</div>

一,
二,
三,
四,
五,

5.

您可以使用

querySelectorAll

（或

getElementsByTagName

）并获取返回元素列表的length属性来计算数字：

document.getElementsByClassName（“计数器”）[0]。textContent=document.queryselectoral（“ul>li”）.length

一,
二,
三,
四,
五,

@AndrewL。计算html中li的数量，并让计数器显示总计数：）您可以将问题分为两部分。第一个问题是，如何找到特定类型的所有标记？第二个问题是，我如何得到它的长度。对于第一个问题，google搜索“在html javascript中查找特定类型的所有标记”返回的答案（使用
getElementsByTagName
）是第一个结果。当然，要想谷歌成功，你必须使用合适的术语，理解类和标记之间的区别，等等。一旦你知道如何找到标记列表，就可以快速使用
.length
来找到计数。谢谢你的解释，这正是我需要的，而且非常有效。谢谢@斯蒂芬：没问题，如果你还需要什么，尽管问：）