método createElement() del Documento DOM HTML

definición y uso

createElement() el método crea un nodo de elemento.

por favor, consulte también:

método appendChild() del elemento

método insertBefore() del elemento

ejemplo

ejemplo 1

crear un elemento <p> y agregarlo al documento:

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

prueba personalmente

ejemplo 2

crear un elemento <p> y agregarlo al elemento:

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

prueba personalmente

ejemplo 3

crear botón:

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

prueba personalmente

sintaxis

document.createElement(tagName)

parámetro

parámetro descripción
tagName

obligatorio. El nombre de etiqueta del elemento a crear.

Los nombres de etiqueta HTML pueden adoptar cualquier mayúscula o minúscula.

Los nombres de etiqueta XML deben distinguir entre mayúsculas y minúsculas.

valor de retorno

tipo descripción
nodo El nodo de elemento recién creado tiene el nombre de etiqueta especificado.

lanzar

si el tagName contiene caracteres ilegales, este método lanzará un código de INVALID_CHARACTER_ERR la excepción DOMException.

soporte del navegador

document.createElement() es una característica del nivel DOM 1 (1998).

Se admite en todos los navegadores:

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