Le DOM (Document Object Model) est un élément essentiel de la programmation web. Il permet aux développeurs de manipuler le contenu HTML et de le modifier à leur guise. Avec Javascript, il est possible d’utiliser le DOM pour ajouter des éléments à une page HTML. Cet article expliquera comment ajouter des éléments à une page HTML en utilisant le DOM et Javascript.
Javascript : DOM : Ajouter des éléments à la page HTML

- Dans ce code Javascript intégré dans une page HTML, on montre comment ajouter des éléments de texte à la page HTML
<!– Debut de la page HTML –>
<html>
<!– Debut entete –>
<head>
<meta charset=« utf-8 » /> <!– Encodage de la page –>
<title>JavaScript: Test </title> <!– Titre de la page –>
<!– Debut du code Javascript –>
<script language=« javascript » type=« text/javascript »>
<!–
//— fonction appelee au chargement de la page
window.onload = function () { // au chargement de la page
// code Javascript ici, avec sa syntaxe specifique…
document.write(« Hello World! »); // efface le contenu de la page
// Ajouter un élément à la page sans effacer le reste
var txt = ‘Hello !’;
var newtext = document.createTextNode(txt);
document.body.appendChild(newtext);
document.body.appendChild(document.createElement(« br »)); // ajoute saut de ligne
document.body.appendChild(newtext);
} // fin onload
</script>
<!– Fin du code Javascript –>
</head>
<!– Fin entete –>
<!– Debut Corps de page HTML –>
<body >
Ma belle page Web !
</body>
<!– Fin de corps de page HTML –>
</html>
<!– Fin de la page HTML –>
Articles Liés
- Javascript : code minimum Javascript dans une page HTML
Le Javascript est un langage de programmation très populaire qui permet aux développeurs web de…
- Javascript : Canva : Tracé progressif d'une courbe mathématique
Le tracé progressif d'une courbe mathématique est une tâche complexe qui peut être simplifiée grâce…
- Javascript : Exemple d'animation d'un pixel dans un canvas
Le langage de programmation Javascript est un outil puissant pour créer des animations dynamiques et…