HTML DOM createDocumentType() Method

0 0 1 minute read

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;">  
     zambiatek
    </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, 
'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd');
            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, zambiatek 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!