La propriété backface-visibility définit si l’arrière d’un élément doit être visible ou pas quant elle est face à l'écran.
Définition et utilisation méthode createElement()
JavaScript cours tutorialLa 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
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