HTML | DOM Meta content Property

The Meta content Property in HTML DOM is used for setting or returning the value of the content attribute of a <meta> element. The content attribute is used to specify the content of the meta-information.

Syntax:

It is used to return the content property:
```
metaObject.content 
```
It is used to set the content property:
```
metaObject.content = text
```

Property Values: It contains the value i.e. text which defines the content of the meta information.

Return Value: It returns a string value that represents the value of the content attribute of the meta element.

Example:

<!DOCTYPE html>  
<html>  
  
<head>  
    <meta name="keywords"
        content="Meta Tags, Metadata" />  
</head>  
  
<body>  
    <center>  
        <h1>GeeksForGeeks</h1>  
        <h2>DOM Meta content Property</h2>  
        <p>Hello GeeksforGeeks!</p>  
          
        <button onclick="myGeeks()">  
        Submit</button>  
          
        <p id="sudo"></p>  
          
        <script>  
            function myGeeks() {  
                var x =  
                document.getElementsByTagName(  
                "META")[0].content;  
                  
                document.getElementById(  
                "sudo").innerHTML = x;  
            }  
        </script>  
</center>  
</body>  
  
</html>              

Output:
Before Clicking On Button:

After Clicking On Button:

Example 2:

<!DOCTYPE html>  
<html>  
  
<head>  
    <meta name="keywords"
        content="Meta Tags, Metadata" />  
</head>  
  
<body>  
    <center>  
        <h1>GeeksForGeeks</h1>  
        <h2>DOM Meta content Property</h2>  
        <p>Hello GeeksforGeeks!</p>  
          
        <button onclick="myGeeks()">  
        Submit</button>  
          
        <p id="sudo"></p>  
          
        <script>  
            function myGeeks() {  
                var x =  
                document.getElementsByTagName(  
                "META")[0].content = "Hello GeeksForGeeks" 
                ;  
                  
                document.getElementById(  
                "sudo").innerHTML = x;  
            }  
        </script>  
</center>  
</body>  
  
</html> 

Output:
Before Clicking On Button:

After Clicking On Button:

Supported Browsers: The browsers supported by DOM Meta content Property are listed below:

Google Chrome
Internet Explorer
Firefox
Apple Safari
Opera

My Personal Notes

Recommended Posts: