如何使用 JavaScript 从元标记中获取信息？

要使用 JavaScript 在 HTML 中显示元标记信息，我们将使用名为 getElementByTagName()函数。

方法 1：使用getElementsByTagName()方法。

句法：

document.getElementsByTagName("meta");

有了这个，我们可以从 HTML 文件中获取所有元元素。当我们单击按钮时，所有元标记名称和内容都将显示在网页上。

示例 1：

  

    
    
    
    GfG
    
        body {
            font-size: 20px;
            margin: 20px;
        }
          
        button {
            font-size: 18px;
        }
    

  

    
      Click Here!
  
  
    
        Content of Meta Tag
    
        function GfGFunction() {
          var meta = document.getElementsByTagName("meta");
          for (var i = 0; i < 3; i++) {
            document.getElementById("demo").innerHTML +=
              "name: <b>"+meta[i].name+"</b> and content: <b>"
            +meta[i].content+"</b><br>";
          }
        }
    

输出：

方法 2：使用带有索引规范的getElementsByTagName()方法。

句法：

var meta = document.getElementsByTagName("meta")[0];

这里，索引号“ 0 ”代表第一个元元素。您可以将 HTML 文件中的所有元元素视为一个数组，并可以通过指定元标记的索引来访问它们。通过这种方式，我们可以从 HTML 文件中获取特定的元元素。

示例 2：

  

    
    
    
    Meta Tag
    
        body {
            font-size: 20px;
            margin: 20px;
        }
          
        button {
            font-size: 18px;
        }
          
        h1 {
            color: green;
        }
    

  

    GeeksforGeeks
    Click Here!
    
    
        Content of Meta Tag
    
        function GfGFunction() {
          var meta = document.getElementsByTagName("meta")[0];
          document.getElementById("demo").innerHTML +=  
            "name: <b>"+meta.name+"</b> and content: <b>"
          +meta.content+"</b><br>";
        }
    

输出：