使用JS获取页面上的所有标签

在繁忙的生活中，偶尔抽出时间写博客也是一种别样的享受。今天，我想和大家分享一个有趣的话题——如何使用JavaScript获取页面上的所有标签。或许有些朋友在这方面遇到了难题，那么这篇文章或许能给你带来一些启示。

我们需要明确的是，要获取页面上的所有标签，离不开DOM操作。由于一个元素可能有子元素，我们需要确保每一个元素都被考虑到。这时候，递归思维就显得尤为重要了。

思路捋清楚后，就可以开始编写代码了。我们可以通过一个空的map对象来记录每个标签的名称及其数量。然后，通过递归调用的方式遍历页面上的每一个节点。如果一个节点的类型为元素节点（nodeType为1），我们就将其节点名称添加到map对象中，并计数。接着，获取该元素节点的所有子节点，并对每一个子节点进行递归调用。

以下是代码示例：

在HTML结构中，我们有一个简单的ul标签，而在script标签中，就是我们获取页面所有标签的JS代码。

```html

```

这样，我们就可以通过控制台看到页面上的所有标签及其数量了。这个过程就像是一个未知的领域，一步步深入，最终揭示其奥秘。希望这篇文章能给你带来启发和帮助。如果你有任何疑问或需要进一步的解释，请随时联系我。感谢大家的支持和关注！

让我们共同期待更深入的技术交流和吧！