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 :

text-decoration

Spécifie la décoration à ajouter au texte

Géolocalisation en temps réel et Recherche d'adresses IP inversées REST API

Il permet de trouvez la ville, la région, le pays, le continent, la latitude, la longitude, le fuseau horaire, le décalage UTC, la devise, la langue, l'asn, l'organisation, l'indicatif téléphonique du pays, le membre de l'Union européenne (UE) à partir d'une adresse IP.

fonction implode

Rassemble les éléments d'un tableau en une chaîne