Exemple
Créer un <button> élément:
var btn = document.createElement("BUTTON");
Le résultat sera:
Essayez vous - même » éléments HTML contient souvent du texte. Pour créer un bouton avec du texte , vous devez créer un nœud de texte que vous ajoutez à la <button> élément:
Exemple
Créer un bouton avec le texte:
var btn = document.createElement("BUTTON");
// Create a <button> element
var t = document.createTextNode("CLICK ME");
// Create a text node
btn.appendChild(t);
// Append the text to <button>
document.body.appendChild(btn);
// Append <button> to <body>Le résultat sera:
Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
Le createElement() méthode crée un noeud d' élément avec le nom spécifié.
Astuce: Utilisez le createTextNode() méthode pour créer un nœud de texte.
Conseil: Une fois l'élément est créé, utilisez l' élément. appendChild() ou élément. insertBefore() méthode pour l' insérer dans le document.
Support du navigateur
| méthode | |||||
|---|---|---|---|---|---|
| createElement() | Oui | Oui | Oui | Oui | Oui |
Syntaxe
document.createElement( nodename )Les valeurs des paramètres
| Paramètre | Type | La description |
|---|---|---|
| nodename | String | Champs obligatoires. Le nom de l'élément que vous voulez créer |
Détails techniques
| Valeur de retour: | Un objet Element, qui représente le noeud créé Element |
|---|---|
| DOM Version: | Niveau de base 1 Document Object |
autres exemples
Exemple
Créer un <p> élément avec un texte, et l' annexer au document:
var para = document.createElement("P");
// Create a <p> element
var t =
document.createTextNode("This is a paragraph");
// Create a text node
para.appendChild(t);
// Append the text to <p>
document.body.appendChild(para);
// Append <p> to <body> Essayez vous - même » Exemple
Créer un <p> élément et l' ajouter à un <div> élément:
var para = document.createElement("P");
// Create a <p> element
var t =
document.createTextNode("This is a paragraph.");
// Create a text node
para.appendChild(t);
// Append the text to <p>
document.getElementById("myDIV").appendChild(para);
// Append <p> to <div> with id="myDIV" Essayez vous - même »