metodo createElement() del Document HTML DOM

definizione e uso

createElement() il metodo crea un nodo elemento.

vedi anche:

metodo appendChild() dell'elemento

metodo insertBefore() dell'elemento

esempio

esempio 1

creare un elemento <p> e aggiungerlo al documento:

const para = document.createElement("p");
para.innerText = "Questo è un paragrafo";
document.body.appendChild(para);

prova a farlo tu stesso

esempio 2

creare un elemento <p> e aggiungerlo all'elemento:

const para = document.createElement("p");
para.innerHTML = "Questo è un paragrafo.";
document.getElementById("myDIV").appendChild(para);

prova a farlo tu stesso

esempio 3

creare pulsante:

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

prova a farlo tu stesso

sintassi

document.createElement(tagName)

parametro

parametro descrizione
tagName

obbligatorio. Il nome del tag dell'elemento da creare.

I nomi degli elementi HTML possono essere di qualsiasi caso.

I nomi degli elementi XML devono essere distinguibili per maiuscole e minuscole.

valore di ritorno

tipo descrizione
nodo Il nodo elemento creato ha il nome di tag specificato.

lancia

Se il nome del tag contenuto in tagName contiene caratteri non validi, questo metodo lancia un errore con codice: INVALID_CHARACTER_ERR eccezione DOMException.

supporto del browser

document.createElement() è una caratteristica del DOM Level 1 (1998).

È supportato da tutti i browser:

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