Méthode createElement() du Document HTML DOM

Définition et utilisation

createElement() La méthode crée un noeud d'élément.

Voir également :

Méthode Element appendChild()

Méthode Element insertBefore()

Exemple

Exemple 1

Créer un élément <p> et le lier au document :

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

Essayez-le vous-même

Exemple 2

Créer un élément <p> et le lier à l'élément :

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

Essayez-le vous-même

Exemple 3

Créer un bouton :

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

Essayez-le vous-même

syntaxe

document.createElement(tagName)

paramètre

paramètre description
tagName

obligatoire. Le nom de balise de l'élément à créer.

Les noms de balise HTML peuvent être en majuscules ou en minuscules.

Les noms de balise XML doivent être distingués par la casse.

valeur de retour

type description
noeud Le noeud d'élément nouvellement créé possède le nom de balise spécifié.

lève

Si le tagName contient des caractères non légaux, cette méthode lève un code d'erreur INVALID_CHARACTER_ERR de l'exception DOMException.

Support du navigateur

document.createElement() C'est une caractéristique de DOM Level 1 (1998).

Tous les navigateurs le supportent :

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
supporté 9-11 supporté supporté supporté supporté