Documento HTML DOM createElement()
Ejemplos
Crea un elemento <p> y añádelo al documento:
const para = document.createElement("p");
para.innerText = "This is a paragraph";
document.body.appendChild(para);
Crea un elemento <p> y añádelo a un elemento:
const para = document.createElement("p");
para.innerHTML = "This is a paragraph.";
document.getElementById("myDIV").appendChild(para);
Más ejemplos a continuación.
Definición y uso
El createElement()
método crea un nodo de elemento.
Sintaxis
document.createElement(type)
Parámetros
Parameter | Description |
type | Required. The type of element to create. |
Valor devuelto
Escribe | Descripción |
Nodo | El nodo del elemento creado. |
Más ejemplos
Crea un botón:
const btn = document.createElement("button");
btn.innerHTML = "Hello Button";
document.body.appendChild(btn);
Compatibilidad con navegador
document.createElement()
es una característica DOM Nivel 1 (1998).
Es totalmente compatible con todos los navegadores:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |