HTML DOM Document createElement() metode

definition og brug

createElement() metode opretter elementnode.

se også:

Element appendChild() metode

Element insertBefore() metode

eksempel

eksempel 1

opret <p> element og tilføj det til dokumentet:

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

prøv det selv

eksempel 2

opret <p> element og tilføj det til element:

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

prøv det selv

eksempel 3

opret knap:

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

prøv det selv

syntaks

document.createElement(tagName)

parameter

parameter beskrivelse
tagName

obligatorisk. Tagnavnet på elementet, der skal oprettes.

HTML tags kan bruge hvilken som helst skriftstørrelse.

XML tags skal adskille mellem store og små bogstaver.

returnerværdi

type beskrivelse
node Den nyoprettede elementnode har den specificerede tagnavn.

kaste

Hvis tagName indeholder ulovlige tegn, vil denne metode kaste en kode for INVALID_CHARACTER_ERR DOMException undtagelse.

browserstøtte

document.createElement() er en DOM Level 1 (1998) egenskab.

Det understøttes af alle browsere:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
støtter 9-11 støtter støtter støtter støtter