Document Object Model

15 min

Etude de l'interface entre Javascript et le navigateur

Les fonctions Javascripts modifient les objets contenus sur une page web par l'intermédiaire du Document Object Model.

Chaque élément contenu dans une page web est rendu accessible pour l'environnement de programmation Javascript par le navigateur web.

Les fonctions Javascript peuvent modifier les propriétés des éléments de la page web (par exemple le source d'une image) ou déclenchéer les méthodes des objets (par exemple le chargement d'une image).

Liste des objets accessibles par Javascript

Cette liste n'est pas exhaustive, certains objets ne sont pas accessibles dans les deux navigateurs. Se reporter au site de la Webreview pour le développement cross-browser (multi-navigateur).

• Window

  • Location

  • History

  • Navigator

  • Event

  • Screen

  • Layer

  • Document

    • Selection

    • Style

    • TextRange

    • All

    • Anchors

    • Applets

    • Areas

    • Cells

    • Embeds

    • Filters

    • Forms

      • Elements

      • Options

    • Frames

    • Images

    • Imports

    • Layers

    • Links

    • Plugins

    • Rows

    • Scripts

    • StyleSheets / StyleSheet Object

Affichage des propriétés d'un objet avec Javascript

La fonction suivante affiche toutes les propriétés d'un objet avec Javascript.Le code est tiré de la Référence Javascript disponible sur le site de Netscape.

function show_props(obj, obj_name) {   
 var result = ""   
 for (var i in obj)      
  result += obj_name + "." + i + " = " + obj[i] + "\n"  
 return result
}