HTML DOM createAttribute() Method

HTML DOM createHTMLDocument() Method

Last Updated : 12 Jul, 2022

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 Created HTML Document.

Example: In this example, we will create an HTML document using this method.

html

<!DOCTYPE HTML> 
<html>  
<head>
    <meta charset="UTF-8">
    <title>createHTMLDocument() method</title>
</head>   

<body style="text-align:center;">
    <h1 style="color:green;">  
     GeeksforGeeks
    </h1> 
    <p id="a"> 
    HTML | DOM createHTMLDocument() method
    </p>

    <button onclick = "Geeks()">
    Click Here
    </button>
    <script> 
        function Geeks(){
            var doc = 
document.implementation.createHTMLDocument("New Document");
            var p = doc.createElement("p");
            p.innerHTML = "GeeksforGeeks";
            doc.body.appendChild(p);
            console.log(doc);
        }
  </script> 
</body>   
</html>

Output:

Before Button Click:

After Button Click: Created document can be seen in the console.

Supported Browsers:

Google Chrome 1
Edge 12
Firefox 4
Safari 1
Opera 12.1
Internet Explorer 9

HTML DOM createAttribute() 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 createDocumentType() Method

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, syste

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 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 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 appendChild() Method

The HTML DOM appendChild() method adds a new child node to the end of a specified parent node's child list. It can move existing nodes or add new nodes, allowing dynamic updates to the document structure by appending elements, text, or other nodes.Syntax:node.appendChild(node);Parameters: This metho

HTML | DOM IFrame contentDocument Property

The IFrame contentDocument property in HTML DOM is used to return the document object generated by a frame or iframe element. It can be used in the host window to access the document object that belongs to a frame or iframe element. Syntax: iframeObject.contentDocument Return Value: It returns the r

HTML DOM (Document Object Model)

The HTML DOM (Document Object Model) is a programming interface that represents the structure of a web page in a way that programming languages like JavaScript can understand and manipulate. Think of it as a tree of objects where each part of your HTML document (elements, attributes, text) is repres

HTML | DOM documentURI Property

The documentURI property in HTML DOM used to set or return the location of a document. The return value is null If the document was created by the DocumentImplementation object or undefined. The documentURI property can be used on any document types. Syntax: Return the documentURI property: document