Documento HTML DOM createElement()
Exemplos
Crie um elemento <p> e anexe-o ao documento:
const para = document.createElement("p");
para.innerText = "This is a paragraph";
document.body.appendChild(para);
Crie um elemento <p> e anexe-o a um elemento:
const para = document.createElement("p");
para.innerHTML = "This is a paragraph.";
document.getElementById("myDIV").appendChild(para);
Mais exemplos abaixo.
Definição e uso
O createElement()
método cria um nó de elemento.
Sintaxe
document.createElement(type)
Parâmetros
Parameter | Description |
type | Required. The type of element to create. |
Valor de retorno
Modelo | Descrição |
Nó | O nó do elemento criado. |
Mais exemplos
Crie um botão:
const btn = document.createElement("button");
btn.innerHTML = "Hello Button";
document.body.appendChild(btn);
Suporte ao navegador
document.createElement()
é um recurso DOM Nível 1 (1998).
É totalmente suportado em todos os navegadores:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |