HTML DOM-document createElement()
Voorbeelden
Maak een <p>-element en voeg het toe aan het document:
const para = document.createElement("p");
para.innerText = "This is a paragraph";
document.body.appendChild(para);
Maak een <p>-element en voeg het toe aan een element:
const para = document.createElement("p");
para.innerHTML = "This is a paragraph.";
document.getElementById("myDIV").appendChild(para);
Hieronder meer voorbeelden.
Definitie en gebruik
De createElement()
methode maakt een elementknooppunt aan.
Syntaxis
document.createElement(type)
Parameters:
Parameter | Description |
type | Required. The type of element to create. |
Winstwaarde
Type | Beschrijving |
Knooppunt | Het gemaakte elementknooppunt. |
Meer voorbeelden
Maak een knop:
const btn = document.createElement("button");
btn.innerHTML = "Hello Button";
document.body.appendChild(btn);
Browserondersteuning
document.createElement()
is een DOM Level 1 (1998)-functie.
Het wordt volledig ondersteund in alle browsers:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |