JavaScript检查页面上是否存在HTML标记

时间:2017-05-16 20:56:19

标签: javascript ecmascript-6

我有一个正常的网页布局,我需要找到一种方法来检查现有标签的HTML。

所以我会有一个数组,例如:

var array = ['header', 'nav', 'article'];

然后是网页:

<html>
  <head>
    <title></title>
  </head>
  <body>
    <header>
      <nav>...</nav>
    </header>
    <container>
      <article></article>
    </container>
  </body>
</html>

如何让JavaScript扫描页面中的数组中可用的标记?

2 个答案:

答案 0 :(得分:2)

循环遍历该数组并检查该标记是否在网页上

var arr = ['header', 'nav', 'article', 'p'];

    arr.forEach(function(ele){
        if(document.getElementsByTagName(ele).length > 0)
      {
        console.log(ele + ' found');
      }
      else
      {
        console.log(ele + ' not found');
      }
    });

答案 1 :(得分:-1)

如果使用jquery是一个选项,那么您可以获得与标记匹配的所有元素:

$('header, nav, article')

参考https://api.jquery.com/multiple-selector/