DHTML DOM (Document Object Model)
- Page précédente CSS DHTML
- Page suivante Événements DHTML
DOM (Document Object Model) nous permet d'accéder à chaque élément d'un document.
Exemple
Remarque :La plupart des exemples DHTML nécessitent IE 4.0+、Netscape 7+ ou Opera 7+ !
- Accès aux éléments
- Comment accéder à un élément et changer son style.
- Modification des attributs
- Comment accéder à un élément d'image et modifier l'attribut "src".
- innerHTML
- Comment accéder et modifier le contenu d'un élément.
Comment accéder à un élément ?
Les éléments doivent posséder une propriété id définie et nécessitent un langage de script. JavaScript est le langage de script le plus compatible avec les navigateurs, c'est pourquoi nous utilisons JavaScript.
<html>
<body>
<h1 id="header">Mon en-tête</h1>
<script type="text/javascript">
document.getElementById('header').style.color="red"
</script>
</body>
</html>
Ce script peut changer la couleur de l'élément de titre et générer une sortie.
Mon en-tête
- Page précédente CSS DHTML
- Page suivante Événements DHTML
