metoda createElement() DOM HTML Document

definicja i użycie

createElement() metoda tworzy węzeł elementu.

patrz również:

metoda appendChild() elementu

metoda insertBefore() elementu

przykład

przykład 1

tworzenie <p> elementu i jego dodanie do dokumentu:

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

spróbuj sam

przykład 2

tworzenie <p> elementu i jego dodanie do elementu:

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

spróbuj sam

przykład 3

tworzenie przycisku:

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

spróbuj sam

syntax

document.createElement(tagName)

parametr

parametr opis
tagName

wymagane. Nazwa znacznika elementu do utworzenia.

nazwy znaczników HTML mogą być w dowolnym stylu wielkości liter.

nazwy znaczników XML muszą różnić się wielkością liter.

zwrócona wartość

typ opis
węzeł nowo utworzony węzeł elementu ma określony nazwę znacznika.

wywołanie

jeśli tagName zawiera nielegalne znaki, ta metoda wywoła kod INVALID_CHARACTER_ERR wyjątków DOMException.

obsługa przeglądarek

document.createElement() jest cechą DOM Level 1 (1998).

wszystkie przeglądarki obsługują je:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
obsługiwane 9-11 obsługiwane obsługiwane obsługiwane obsługiwane