HTML DOM Meta ऑब्जेक्ट

HTML DOM Meta ऑब्जेक्ट HTML में <meta> एलिमेंट को दर्शाता है।

सिंटैक्स

निम्नलिखित सिंटैक्स है -

<meta> एलिमेंट बनाना

var metaObject = document.createElement(“META”)

प्रॉपर्टीज

यहां, “metaObject” में निम्नलिखित कलेक्शन और प्रॉपर्टीज हो सकती हैं -

उदाहरण

आइए HTML DOM meta एलिमेंट का एक उदाहरण देखें -

<!DOCTYPE html> <html> <head> <title>Meta Object</title> <style>    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } </style> </head> <body> <form> <fieldset> <legend>Meta-Object</legend> <h2>ट्यूटोरियल</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <input type="button" onclick="createMeta()" value="Create Meta Tag"> <div id="divDisplay"></div> </fieldset> </form> <script>    var divDisplay = document.getElementById("divDisplay");    function createMeta(){       var metaTag = document.createElement('META');       metaTag.setAttribute("name", "tutorialsContent");       metaTag.setAttribute("content", "JS tutorials");       document.head.appendChild(metaTag);       divDisplay.textContent = '<meta name="'+metaTag.name+'" content="'+metaTag.content+'" >';    } </script> </body> </html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा -

'Create Meta Tag' बटन पर क्लिक करने से पहले -

'Create Meta Tag' बटन पर क्लिक करने के बाद -