HTML DOM Document createElement() methode

Definitie en gebruik

createElement() Methoden om een elementknoop te maken.

Zie ook:

Element appendChild() methode

Element insertBefore() methode

Voorbeeld

Voorbeeld 1

Maak een <p>-element aan en plak het aan het document:

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

Probeer het zelf

Voorbeeld 2

Maak een <p>-element aan en plak het aan een element:

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

Probeer het zelf

Voorbeeld 3

Maak een knop aan:

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

Probeer het zelf

Syntaxis

document.createElement(tagName)

Parameter

Parameter Beschrijving
tagName

Verplicht. De tagnaam van het te maken element.

HTML-tagnamen kunnen in elke hoofdlettergevoeligheid worden gebruikt.

XML-tagnamen moeten hoofdlettergevoelig zijn.

Retourwaarde

Type Beschrijving
Knopen Nieuw gecreëerde elementknopen hebben de opgegeven tagnaam.

gooien

Als er ongeldige tekens in de tagName zijn, zal deze methode een foutcode van INVALID_CHARACTER_ERR van de DOMException-exception.

Browserondersteuning

document.createElement() Het is een kenmerk van DOM Level 1 (1998).

Deze wordt ondersteund door alle browsers:

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