Pourquoi parle-t'on d'objets?

Le Javascript traite les éléments qui s'affichent dans votre navigateur comme des objets, c'est-à-dire des éléments

• classés selon une hiérarchie pour pouvoir les désigner précisément
• auxquels on associe des propriétés

• jardin
  • arbre
    • branche
      • feuille
      • nid
        • largeur: 20
        • couleur: jaune
        • hauteur: 4
    • tronc
    • racine
  • salade
  • balançoire
    • trapèze
    • corde
    • nid
      • largeur: 15
      • couleur: marron
      • hauteur: 6

Imaginez maintenant que l'on veuille changer la couleur du nid (dans l'arbre) pour le peindre en vert, il suffirait de taper une commande du genre:
jardin.arbre.branche.nid.couleur= vert;

C'est donc ainsi que l'on représente les objets en Javascript, à la seule différence que ce n'est pas un jardin qui est représenté sous forme d'objets mais la fenêtre de votre navigateur...

Les objets du navigateur

Javascript divise la page du navigateur en objets, afin de vous permettre d'accèder à n'importe lequel d'entre-eux et de pouvoir les manipuler par l'intermédiaire de leurs propriétés.

On commence généralement par l'objet le plus grand (celui contenant tous les autres) puis on descend dans la hiérarchie jusqu'à arriver à l'objet voulu!

• L'objet le plus grand est l'objet fenêtre (les objets en javascript ont leur dénomination en anglais, donc dans le cas présent window)
• Dans la fenêtre s'affiche une page, c'est l'objet document
• Cette page peut contenir plusieurs objets, comme des formulaires, des images, ...

• Le bouton checkbox (auquel on a donné le nom checkbox) est repéré par le code suivant:
  window.document.forms[0].checkbox
• Le champ de texte (auquel on a donné le nom champ_text) est repéré par le code suivant:
  window.document.forms[0].champ_text

Le bouton checkbox a entre autre une propriété checked, qui retourne la valeur 1 si le bouton est coché, 0 dans le cas contraire. Cliquez sur le bouton checkbox pour comprendre ce qu'il est possible de faire grâce à ces propriétés.

Le champ de texte a par exemple comme propriétés:

• name: le nom du champ de texte
• value: le texte contenu dans le champ
• size: la taille du champ de texte

De Gilbert Tordeur - le 23-02-2006 Concerne la page http://www.editeurjavascript.com/cours/cours_03.php Je vous propose d'ajouter les informations suivantes : la liste des propriétés des objets du navigateur, et plus spécialement la liste des propriétés des objets d'un formulaire. Ou bien sûr un lien vers une page répondant à cette attente. Merci. De DomJ - le 11-04-2006 je sais pas si ça vas t'aider: Les évenement Javascript La page des evenement ;] De Tsuby - le 27-07-2006 Bonjour, lorsque l'on a eu listbox : <select name='list' onChange="Num(this.value)> <option value="1">NumeroUn</option> </select> Je sais que pour récupérer la valeur, on fais "this.value" avec la fonction Num : function Num(val){ alert(val); } Et Comment récupère t'on le "NumeroUn" ? Merci De EricM - le 11-09-2006 @ Tsuby : avec la propriété .text => this.text A+ De Ani' - le 04-04-2007 A noter que l'on peut accéder à l'objet document directement, sans passer par l'objet window. window.document.forms[0].checkbox et donc équivalent à document.forms[0].checkbox :) De NEO III - le 04-07-2007 Bonjour, en fait, this.text ne fonctionne pas : il faut utiliser this.innerHTML A+