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 »
para.innerText = "This is a paragraph";
document.body.appendChild(para);
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 »
para.innerHTML = "This is a paragraph.";
document.getElementById("myDIV").appendChild(para);
More examples below.
Description
The createElement() method creates an element node.
Syntax
document.createElement(type)
Parameters
Parameter
Description
type
Required.
The type of element to create.
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 »
btn.innerHTML = "Hello Button";
document.body.appendChild(btn);
Browser Support
document.createElement() is a DOM Level 1 (1998) feature.
It is fully supported in all browsers:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Yes | Yes | Yes | Yes | Yes | 9-11 |