MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

Résumé

Crée un élément du type spécifié.

Syntaxe

const element = document.createElement(tagName[, options]);

Paramètres

tagName
Une chaîne spécifiant le type d'élément à créer. L'attribut nodeName de l'élément est initialisée avec la valeur de tagName.
options

Un objet optionnel servant aux Custom Elements. Plus d’informations sur Extending native HTML elements.

Valeur de retour

L’objet Element créé.

Exemple

HTML

<html>
<head>
  <title>||Travail sur les éléments||</title>
</head>
<body>
  <div id='div1'>Le texte ci-dessus a été créé dynamiquement.</div>
</body>
</html>

JavaScript

document.body.onload = ajouteElement

function ajouteElement() {
  // crée un nouvel élément div
  // et lui donne un peu de contenu
  const nouveauDiv = document.createElement("div");
  const nouveauContenu = document.createTextNode("Salutations !");
  nouveauDiv.appendChild(nouveauContenu) //ajoute le contenu au div
  
  // ajoute l'élément qui vient d'être créé et son contenu au DOM
  const divActuel = document.getElementById("div1");
  document.body.insertBefore(nouveauDiv, currentDiv);
}

Notes

Si des attributs sont connus avec des valeurs par défaut, les nœuds attributs qui les représentent sont automatiquement créés et attachés à l'élément.

Pour créer un élément avec un namespace qualifié et une URI de namespace, utiliser la méthode createElementNS.

L'implémentation de createElement dans Gecko ne se conforme pas à la spécification DOM pour les documents XUL et XHTML : localName et namespaceURI ne sont pas définis à null sur l'élément créé. Consultez le bug 280692 pour plus de détails.

Spécification

 

 

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : Ealhad, Misty418, fscholz, teoli, jsx, Mgjbot, BenoitL, Takenbot
 Dernière mise à jour par : Ealhad,