查找页面出现次数最多的 HTML 标签【热度: 379】

关键词：标签查找

作者备注

主要是考察 getElementsByTagName 选择器，以及如何获取元素标签名：tagName

直接上代码

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
</head>

<body>
  <div>Some content</div>
  <p>Another paragraph</p>
  <p>Another paragraph</p>
  <p>Another paragraph</p>
  <div>More div content</p>
  <span>Span element</span>
  <script>
    function findMostFrequentTag() {
      const allElements = document.getElementsByTagName('*');
      const tagCount = {};
      for (let i = 0; i < allElements.length; i++) {
        const tagName = allElements[i].tagName;
        if (tagCount[tagName]) {
          tagCount[tagName]++;
        } else {
          tagCount[tagName] = 1;
        }
      }
      let mostFrequentTag = null;
      let maxCount = 0;
      for (const tag in tagCount) {
        if (tagCount[tag] > maxCount) {
          mostFrequentTag = tag;
          maxCount = tagCount[tag];
        }
      }
      return mostFrequentTag;
    }
    const mostFrequent = findMostFrequentTag();
    console.log(`The most frequent tag is: ${mostFrequent}`);
  </script>
</body>

</html>