| Accueil | table JavaScript | index JavaScript | précédent | suivant |

Création dynamique d'objets DOM (suite3)

Voici à présent la page HTML dans laquelle sont importés les fichiers Jscript32.js et Jscript33.js qui constituent le script final. Il faut noter que les fichiers .js ne doivent pas comporter de spécification <script ...>.
L'importation se fait par la syntaxe :

<script type="text/javascript" src="import.js">
// importation du fichier "import"
</script>


D'autre part, les variables globales déclarées dans chaque fichier .js sont visibles de tous les autres fichiers importés.

Pour supprimer un élément DOM créé dynamiqument, il faut le faire à partir de l'élément auquel il est attaché comme suit :

Création d'un élément attaché à l'élément father :
var elem=document.createElement(type)
father.appendChild(elem);


Suppression de l'élément :
father.removeChild(elem);

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Titre de cette page : exemple33</title>
<meta name="description" content="site http://www.construireunsite.fr" />
<meta name="keywords" content="mot1 mot2, mot3 mot4 mot5, mot6" />
</head>

<body>
<!--Jscript33-->

<script type="text/javascript" src="Jscript32.js">
// importation du script 32
</script>

<script type="text/javascript" src="Jscript33.js">
// importation du script 33 qui utilise le script 32
</script>

</body>
</html>


Afficher cette page



suivant