UPPREVIOUSNEXT  Technologies Internet et Education, © TECFA
  1. Table des matières détaillée

1. Table des matières détaillée

1. Table des matières détaillée 3

2. Introduction 6

2.1 Les DOMs du W3C 7

2.2 Niveaux et familles DOM 8

2.3 Implémentations 9

2.4 Survol des objets DOM 10

2.5 Le rapport entre DOM et Javascript 11

3. Eléments du DOM Core et DOM HTML et ECMAScript bindings 12

3.1 Apperçu du DOM HTML 13

3.2 Types de données 15

4. HTML Window 17

4.1 Contenu de la fenêtre 17

Exemple 4-1: Quelques informations sur la fenêtre 18

4.2 Popups 19

4.3 Fenêtres 20

5. Navigator 21

Exemple 5-1: Détection du navigateur et redirection 21

Exemple 5-2: Afficher quelques propriétés du navigateur 21

6. Noeuds et éléments 22

6.1 DOM Node et DOM Element 22

6.2 Tests 23

6.3 Informations sur l’élément 23

Exemple 6-1: Test si le premier noeud d’un document est un commentaire 24

6.4 Contenu d’un élément 25

6.5 Voisinage d’un élément 27

6.6 Style 27

6.7 Attributs 28

7. HTML Document 29

7.1 Ouvrir, écrire (dans) et fermer un document: 29

7.2 Extraction d’éléments et d’attributs 30

Exemple 7-1: Extraction d’éléments avec leur id 30

Exemple 7-2: Tree walking: Collectionner les noms d’éléments 32

7.3 Création et modification d’éléments 33

Exemple 7-3: Création d’un élément et insertion dans le DOM 33

Exemple 7-4: Création d’un élément et insertion dans le DOM 2 34

8. HTML Attribut 34

9. HTML Table 34

10. HTML Form et HTML Elements 35

Exemple 10-1: Interroger les valeurs d’un formulaire 36

Exemple 10-2: Transformer le contenu d’un formulaire 38

11. HTML Style 39

11.1 Modifier le style CSS "inline" 39

Exemple 11-1: Changer dynamiquement le style d’un élément 41

Exemple 11-2: Changer dynamiquement le style (2) 41

Exemple 11-3: Bouger un objet 42

Exemple 11-4: Animation en continu 43

Exemple 11-5: Tree walking: changer de style 44

Exemple 11-6: Tree walking: changer de style 45

11.2 Utilisation de setAttribute 46

12. HTML Event 47

12.1 Rappel des événements prédéfinis dans Gecko 47

12.2 Construire des Event Listeners 49

A. Comme nos parents: inline 49

B. Informel (marche avec IE et Firefox/Mozilla) 50

Exemple 12-1: Event Listener façon rapide 50

C. Selon la spécification DOM addEventListener 51

Exemple 12-2: L’interface addEventListener 51

12.3 Gestion de l’événement 52

13. AJAX 54

Exemple 13-1: AJAX request 54

Exemple 13-2: AJAX request et pseudo XML response 54

Exemple 13-3: AJAX request et XML response 54

 


UPPREVIOUS NEXT -- TIE