HTML DOM Document createElement() metod

Definition och användning

createElement() metod skapar en elementnod.

Se också:

Element appendChild() metod

Element insertBefore() metod

Exempel

Exempel 1

Skapa ett <p>-element och lägg till det till dokumentet:

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

Prova det själv

Exempel 2

Skapa en <p>-element och lägg till det till ett element:

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

Prova det själv

Exempel 3

Skapa en knapp:

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

Prova det själv

syntaks

document.createElement(tagName)

parametrar

parametrar beskrivning
tagName

obligatorisk. Etiketten på det element som ska skapas.

HTML-etiketter kan använda vilken storlek som helst.

XML-etiketter behöver skilja på storlek på bokstäver.

återvärd

typ beskrivning
nod Den nyligen skapade elementnoden har den specificerade etiketten.

kasta

Om tagName innehåller ogiltiga tecken kommer denna metod att kasta ett fel med kod INVALID_CHARACTER_ERR s DOMException-undantag.

webbläsarstöd

document.createElement() är en DOM Level 1 (1998) egenskap.

Alla webbläsare stöder det:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
stödjer 9-11 stödjer stödjer stödjer stödjer