--- title: Document.createElement() slug: Web/API/Document/createElement tags: - Documento - Referencia - Referência(2) - metodo translation_of: Web/API/Document/createElement ---
{{APIRef("DOM")}}
 

Em um documento HTML, o método Document.createElement() cria o elemento HTML especificado ou um {{domxref("HTMLUnknownElement")}} se o nome do elemento dado não for conhecido.

Em um documento XUL, o elemento XUL especificado é criado.

Em outros documentos, ele cria um elemento com um namespace URI null.

Sintaxe

var elemento = document.createElement(nomeDaTag);

Exemplo

Este código cria uma nova <div> e a insere antes do elemento com ID "div1".

HTML

<!DOCTYPE html>
<html>
<head>
  <title>||Trabalhando com elementos||</title>
</head>
<body>
  <div id="div1">O texto acima foi criado dinamicamente.</div>
</body>
</html>

JavaScript

document.body.onload = adcElemento;

function adcElemento () {
  // cria um novo elemento div
  // e dá à ele conteúdo
  var divNova = document.createElement("div");
  var conteudoNovo = document.createTextNode("Olá, cumprimentos!");
  divNova.appendChild(conteudoNovo); //adiciona o nó de texto à nova div criada

  // adiciona o novo elemento criado e seu conteúdo ao DOM
  var divAtual = document.getElementById("div1");
  document.body.insertBefore(divNova, divAtual);
}

{{EmbedLiveSample("Exemplo", 500, 50)}}

Notas

Especificações