HTML DOM createDocument() Method

HTML DOM createDocumentType() Method

Last Updated : 12 Jul, 2022

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;">  
     GeeksforGeeks
    </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

HTML DOM createDocument() Method

taran910

Improve

Article Tags :

Similar Reads

HTML DOM createDocument() Method

The DOMImplementation createDocument() method is used to create and return a Document. Syntax: var doc = document.implementation.createDocument(namespaceURI, qualifiedNameStr, docType); parameters: namespaceURI: It is a DOMString containing the namespace URI of the document to be created, or null if

HTML DOM createHTMLDocument() Method

The DOMImplementation createHTMLDocument() method is used to create a new HTML Document. Syntax: newDoc = document.implementation.createHTMLDocument(title); Parameters: title (Optional): It is a DOMString containing the title to be used for the new HTML document. Return Value: This function returns

HTML DOM createDocumentFragment() Method

The createDocumentFragment() method in HTML DOM is used to create the document fragment which is useful for changing the content of the document such as deleting, modifying, or adding a new node. This method creates the document fragment, then appends the elements of the document to the document fra

HTML DOM createAttribute() Method

This createAttribute() method is used to create an attribute with the specified name and returns the attribute object. The attribute.value property is used to set the value of the attribute and the element.setAttribute() method is used to create a new attribute for an element. This method() contains

HTML | DOM Table createTHead() Method

The Table createTHead() method is used for creating an empty <thead> element and adding it to the table. It does not create a new <thead> element if a <thead> element already exists. In such a case, the createThead() method returns the existing one . The <thead> element must

HTML | DOM Table createTFoot( ) Method

The Table createTFoot() method is used for creating an empty <tfoot> element and adding it to the table. It does not create a new <tfoot> element if a <tfoot> element already exists. In such a case, the createTFoot() method returns the existing one. The <tfoot> element must h

HTML | DOM Table createCaption( ) Method

The Table createCaption() method is used in a table to create <caption> which is empty. It doesn't work if there is already a <caption> element. In such a case, the createCaption() method returns the existing one.Syntax tableObject.createCaption()Return Value : The newly created (or an e

HTML DOM customElements define() Method

The customElements define() method is used to define a new custom element. There are two types of custom elements that can be created: Autonomous custom element: These elements do not inherit from built-in HTML elements.Customized built-in element: These elements inherit from built-in HTML elements.

HTML DOM customElements get() method

The customElements get() method returns the constructor used for a previously-defined custom element. Syntax: constructor = customElements.get('custom-element-name'); Parameters: name: The name of the custom element whose constructor you want to return. Return value: This method returns the construc

HTML DOM before() method

The before() method is used to insert a set of Node objects or HTML DOMString objects in the children list of the ChildNode's parent. The element is inserted before the ChildNode that we have mentioned. Syntax: ChildNode.before(Node or DOMString) Parameter: This method accepts a single parameter as