Il est donc temps de s'y mettre si la majorité des clients sont compatibles Javascript.

On retrouve de bonnes bases fondamentales :

  • Javascript, chapitre 1 : le grand nettoyage !
    • Jamais, au grand jamais, vous ne devez insérer de Javascript directement dans le document
    • Le Javascript permet d'améliorer l'expérience de l'utilisateur, ce n'est cependant pas une fonctionnalité fiable à 100%
    • Vérifiez qu'un objet est disponible avant de le manipuler
    • Écrivez du Javascript, et pas un dialecte particulier à un navigateur
    • N'utilisez pas des variables qui ne vous appartiennent pas
    • Ne soyez pas dépendant de la souris !

Les fonctions et attributs que nous pouvons utiliser pour parcourir l'arbre d'un document, et comment sauter d'un élément à l'autre. Fonctions servant à atteindre un élément dans une page

 
getElementById('elementID')
  renvoie l'élément dont l'id est elementID, en tant qu'object (un objet en Javascript).
getElementsByTagName('tag')
  renvoie tous les éléments dont la balise est tag, en tant qu'array (un tableau en Javascript).

Bien sûr vous pouvez panacher les deux. Par exemple :

document.getElementById('navigation').getElementsByTagName('a')[3];
  renvoie le quatrième lien à l'intérieur de l'élément dont l'id est 'navigation'.
document.getElementsByTagName('div')[2].getElementsByTagName('p')[0];
  renvoie le premier paragraphe à l'intérieur de la troisième div du document.