Método createElement() do Documento DOM HTML

Definição e uso

createElement() O método cria um nó de elemento.

Veja também:

Método appendChild() do Elemento

Método insertBefore() do Elemento

Exemplo

Exemplo 1

Criar <p> elemento e anexá-lo ao documento:

const para = document.createElement("p");
para.innerText = "This is a paragraph";
document.body.appendChild(para);

Experimente você mesmo

Exemplo 2

Criar <p> elemento e anexá-lo ao elemento:

const para = document.createElement("p");
para.innerHTML = "This is a paragraph.";
document.getElementById("myDIV").appendChild(para);

Experimente você mesmo

Exemplo 3

Criar botão:

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

Experimente você mesmo

Sintaxe

document.createElement(tagName)

Parâmetro

Parâmetro Descrição
tagName

Obrigatório. O nome de tag do elemento a ser criado.

Os nomes de tags HTML podem ser em qualquer maiúscula ou minúscula.

Os nomes de tags XML precisam diferenciar maiúsculas e minúsculas.

Retorno

Tipo Descrição
Nó O nó de elemento recém-criado possui o nome de tag especificado.

lançar

Se o tagName contiver caracteres ilegais, o método lançará um código de INVALID_CHARACTER_ERR da exceção DOMException.

Suporte do navegador

document.createElement() É uma característica do DOM Level 1 (1998).

Todos os navegadores suportam isso:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Suporte 9-11 Suporte Suporte Suporte Suporte