The DOMImplementation createDocumentType() method returns a Doctype object which can either be used with DOMImplementation createDocument() method for document creation or can be put into the document.
Syntax:
var doctype = document.implementation.createDocumentType(qualifiedNameStr, publicId, systemId);
Parameters:
- qualifiedNameStr: It is a DOMString containing the qualified name
- publicId: It is a DOMString containing the PUBLIC identifier.
- systemId: It is a DOMString containing the SYSTEM identifiers.
Return Value: This function returns DOMDocumentType node.
Example: In this example, we will create a document type using this method.
html
</html><!DOCTYPE HTML> <html>Â <head>Â Â Â Â <meta charset="UTF-8">Â Â Â Â <title>createDocumentType() method</title></head>Â Â Â
<body style="text-align:center;">    <h1 style="color:green;">      neveropen    </h1>     <p id="a">     HTML | DOM createDocumentType() method    </p>Â
    <button onclick = "Geeks()">    Click Here    </button>    <script>         function Geeks(){            var dt = document.implementation.createDocumentType('svg:svg', null,             console.log(dt);            var doc = document.implementation.createDocument ('http://www.w3.org/1999/xhtml', 'html', dt);            var head = document.createElementNS('http://www.w3.org/1999/xhtml', 'head');            head.setAttribute('id', 'headDoc');            doc.documentElement.appendChild(head);            var body = document.createElementNS('http://www.w3.org/1999/xhtml', 'body');            body.setAttribute('id', 'bodyDoc');            doc.documentElement.appendChild(body);            console.log(doc);        }  </script> </body>  </html> |
Output:
Before Button Click:
After Button Click: Created document and the doctype can be seen in the console.
Supported Browsers:
- Google Chrome 1
- Edge 12
- Firefox 1
- Safari 1
- Opera 12.1
- Internet Explorer 9
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!
… [Trackback]
[…] Information on that Topic: geeksforgeeks.org/html-dom-createdocumenttype-method/ […]