HTML DOM Document createElement()
Examples
Create a <p> element and append it to the document:
const para = document.createElement("p");
para.innerText = "This is a paragraph";
document.body.appendChild(para);
Try it Yourself »
Create a <p> element and append it to an element:
const para = document.createElement("p");
para.innerHTML = "This is a paragraph.";
document.getElementById("myDIV").appendChild(para);
Try it Yourself »
More examples below.
Definition and Usage
The createElement() method creates an element node.
Syntax
document.createElement(type)
Parameters
| Parameter | Description |
| type | Required. The type of element to create. |
Return Value
| Type | Description |
| Node | The created element node. |
More Examples
Create a button:
const btn = document.createElement("button");
btn.innerHTML = "Hello Button";
document.body.appendChild(btn);
Try it Yourself »
Browser Support
document.createElement() is a DOM Level 1 (1998) feature.
It is fully supported in all browsers:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | 9-11 | Yes | Yes | Yes | Yes |
