spécificité des navigateurs actuels

Bien que beaucoup de progrès aient été effectués pour rendre tous les navigateurs compatibles et respecteux des directives du W3C, il reste encore beaucoup de chemin à faire et en attendant il faut faire attention au différentes techniques utilisées. Ainsi dans ce tutorial, je ne présente aucun truc, aucune astuce pour sortir d'une carence ou insuffisance de l'un ou l'autre navigateur mais je pointe le doigt sur les divergences d'intégration du DOM en leur sein.

Les techniques que je vous présente fonctionnent toutes dans les navigateurs les plus répandus, mais leur implémentations du DOM conduit à des résultats différents. Cela se vérifie très facilement si vous travaillez dans un environnement PC avec un des systèmes d'exploitation récents de Microsoft et que vous avez eu la bonne idée d'installer Firebird, Mozilla ou Opera en plus d'Internet Explorer 6.0 présent de facto sur votre machine.

Si vous utilisez la function exemple4() les résultats différent beaucoup suivant le navigateur utilisé.

Ainsi pour IE vous aurez :

Alors que pour Firefox/Mozilla/Opera vous obtiendrez :

En fait dans le cas de Firefox/Mozilla/Opera, celui-ci interprète les sauts de lignes pour aérer un document xhtml comme un noeud texte vide, il en résulte que tous les sauts de lignes que j'ai effectués pour aérer mon code sont également comptabilisés par le navigateur comme faisant partie de mon document xhtml, cela n'est pas le cas dans Internet Explorer.

Comme mon problème n'est pas de savoir qui a tort et qui a raison car le DOM ne s'arrête heureusement pas à cette guéguerre d'interprétation, je tiens donc à faire remarquer à ce qui utiliseront le DOM de faire attention à leur script et de les tester avant de les livrer car le résultat dépendra largement du logiciel utilisé par votre client !!