JavaScript 如何获取meta标签的信息

要在HTML中使用JavaScript显示meta标签的信息，我们将使用一个名为getElementByTagName()的方法。

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

语法：

document.getElementsByTagName("meta");

通过这个功能，我们可以从HTML文件中获取所有的元数据元素。当我们点击按钮时，所有的元标签名称和内容将显示在网页上。

示例1：

<body> 
    <meta name="description" content="GeeksforGeeks Article"> 
    <meta name="keywords" content="GeeksforGeeks,GfG,Article"> 
    <meta name="author" content="Aakash Pawar"> 
    <button onclick="GfGFunction()"> 
        Click Here! 
    </button> 
    <br> 
    <div id="demo"> 
        <h2>Content of Meta Tag</h2> 
    </div> 
    <script> 
        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>"; 
        } 
        } 
    </script> 
</body>

输出：

JavaScript 如何获取meta标签的信息

方法2：使用getElementsByTagName() 方法并指定索引

语法：

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

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

示例2：

<body> 
    <meta id="author" name="description" content="GeeksforGeeks Article"> 
    <meta id="author" name="keywords" content="GeeksforGeeks,GfG,Article"> 
    <meta id="author" name="author" content="Aakash Pawar"> 
    <h1 style="color:green">GeeksforGeeks</h1> 
    <button onclick="GfGFunction()">Click Here!</button> 
    <br> 
    <div id="demo"> 
        <h2>Content of Meta Tag</h2> 
    </div> 
    <script> 
        function GfGFunction() { 
        var meta = document.getElementsByTagName("meta")[0]; 
        document.getElementById("demo").innerHTML += 
            "name: <b>"+meta.name+"</b> and content: <b>" 
        +meta.content+"</b><br>"; 
        } 
    </script> 
</body>

输出：

JavaScript 如何获取meta标签的信息