oujood.com

DOM HTML La méthode createElement() comment créer un nœud élément

La méthode createElement() crée un nœud élément du type spécifié avec le nom spécifié;
.....

chercher |

Définition et utilisation méthode createElement() 

JavaScript cours tutorial

La méthode createElement() crée un nœud élément du type spécifié avec le nom spécifié; Si l'élément possède des attributs par défaut dans un type de document donné, ces attributs lui sont automatiquement ajoutés.

Le nouveau nœud est inséré dans le document par un énoncé tel que insertBefore () ou appendChild() .

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

La méthode createElement() est prise en charge dans tous les principaux navigateurs.

Syntaxe

document.createElement(nodename)

Paramètres

Paramètre Type Description
nodename String Obligatoire. Spécifie le nom de l”élément à créer comme p, img, div …

 Exemple Créer un bouton :

Exemple :       Copier le code

  <!doctype html>
  <html lang="fr">
  <head>
           <meta charset="UTF-8">
           <title> Exemple créer un bouton avec la fonction createElement
  </title>
  </head>
  <body>
      <p id="demo">Clique le bouton pour créer l'élément.</p>
  <button onclick="myFunction()"> CRÉER </button>
  <script>
  function myFunction()
  {
  var btn=document.createElement("BUTTON");
  document.body.appendChild(btn);
  };
  </script>
  </body>
  </html>

Le résultat de ce code est un très petit bouton, il lui faut du texte.

Les éléments HTML contiennent souvent du texte. Pour créer un bouton avec du texte , vous devez également créer un nœud de texte que vous ajouter à l'élément bouton :

Exemple Créer un bouton avec du texte :

Exemple :       Copier le code

  <!doctype html>
  <html lang="fr">
  <head>
           <meta charset="UTF-8">
           <title> Exemple créer un bouton avec du texte </title>
  </head>
  <body>
      <p id="demo">Clique le bouton pour créer l'élément.</p>
  <button onclick="myFunction()"> CRÉER </button>
  <script>
  function myFunction()
  {
  var btn=document.createElement("BUTTON");
  var t=document.createTextNode(" CLIQUEZ MOI ");
  btn.appendChild(t);
  document.body.appendChild(btn);
  };
  </script>
  </body>
  </html>
Par carabde 30 mars 2014



Voir aussi nos tutoriel :

fonction lcfirst

Met le premier caractère en minuscule

La fonction chr, chr()

Retourne un caractère partir de son code ASCII

Balise style css

Définit les informations de style pour un document