Archive for the ‘DOM’ Category

DOM et Javascript

juillet 15, 2007

L’article suivant montre la différence qu’il y a entre le DOM et le Javascript (ou ECMAscript). Le DOM pour Document Object Model est un ensemble d’interfaces indépendantes de tout langage de programmation permettant d’interagir sur les pages web et obtenir de l’HTML dynamique (DHTML).

Cette indépendance n’a pas beaucoup d’importance pour les développeurs web qui n’utilisent que le langage JavaScript, par contre elle est importante pour les développeurs de navigateurs web et d’outils de développement.

Le problème du DHTML a été pendant longtemps l’existence de DOM différents suivant les navigateurs web, d’une part celle de Microsoft, d’autre part celle de Netscape. Vous souvenez sans doute des document.all (version Microsoft) et des document.layers (version Netscape). Le W3C a normalisé le DOM en introduisant une troisième version du DOM qui maintenant est supportée par tous les navigateurs récents. Il n’est plus utile d’utiliser les anciennes versions du DOM, mais vous pouvez encore des exemple de code javascript qui les utilisent.
Exemple de l’article en rouge il s’agit du DOM et en bleu il s’agit du javascript.

var anchorTags = document.getElementsByTagName("a");
for (var i = 0; i < anchorTags.length ; i++)
{
   alert("L'attribut href du " + i + "e élement est : " +  
   anchorTags[i].href + "\n");
}
Publicités