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 :

Sélectionner 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 :

Sélectionner 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

MARKETPOWER-IA
Logiciel d'I.A.
Logiciel d'I.A. 100% Français pour lancer son business en ligne

La méthode secrète likes sans fin sur Facebook

Livre numérique court pour comprendre la méthode secrète permettant d'obtenir des likes sans fin sur Facebook.

GAGNER DE L'ARGENT
GRÂCE À FACEBOOK 
N'A JAMAIS ÉTÉ SI FACILE


Consulter


1tpe