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

📅  最后修改于: 2021-11-06 11:44:07             🧑  作者: Mango

要使用 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>";
        }
    


输出: