HTML DOM Document createElement()

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);

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);

More examples below.

Description

The createElement() method creates an element node.

document.createElement(type)

Parameter	Description
type	Required. The type of element to create.

Type	Description
Node	The created element node.

Create a button:

const btn = document.createElement("button");
btn.innerHTML = "Hello Button";
document.body.appendChild(btn);

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