Javascript & Webdesign

15 commentaires pour “Chérie, j’ai rétréci document.getElementById”

1. Gpenverne dit :

   18/08/2010 à 10 h 18 min

   Effectivement, simple et efficace :) Ceci dit cela ne sert à rien puisque prototype et jquery le font également. Mais pour « alléger » ces libraires (et, pourquoi pas, s’en passer ?), ce peut être pratique :)
2. Bruno Bichet dit :

   18/08/2010 à 10 h 21 min

   @Gpenverne Je suis convaincu qu’il existe plein de cas où il n’est pas forcément utile d’utiliser un framework comme jQuery. C’est là que ce genre d’astucinettes peut être utile ;)
3. Gpenverne dit :

   18/08/2010 à 10 h 30 min

   Disons que ces libraires sont lourdes, donc effectivement :)
4. Tweets that mention Chérie, j’ai rétréci document.getElementById -- Topsy.com dit :

   18/08/2010 à 10 h 36 min

   [...] This post was mentioned on Twitter by bb (css4design), br1o les bons tuyaux and Veille Web Rennes, willy Bahuaud. willy Bahuaud said: RT @br1o: Chérie, j’ai rétréci document.getElementById http://bit.ly/bUI7Rt [...]
5. Nico dit :

   18/08/2010 à 11 h 39 min

   Héhéhé, un petit truc tout simple mais génial ! :)
6. HTeuMeuLeu dit :

   18/08/2010 à 12 h 03 min

   Très bonne idée, et ça évite d’inclure tout un framework pour des mini-projets. Par contre, si je puis permettre, ce serait plus joli avec « id » (voire « elementId ») comme nom de paramètre. « element« , très utilisé dans les fonctions jQuery ou Mootools, me laisse penser qu’on pourrait passer en paramètre un élément du DOM, ce qui n’est pas le but ici.
7. imer dit :

   18/08/2010 à 14 h 16 min

   Et si Javascript est désactivé? Que se passe-t-il?
8. FGRibreau dit :

   18/08/2010 à 14 h 43 min

   Ou sinon :

   function $( sel ) { return document.querySelectorAll(sel); }

   querySelectorAll est disponible sur IE8+, FF3.5+, Safari, Chrome, Opera.

   Ou (avec un fallback sur le getElementById) function $( sel ) { return document.querySelectorAll(sel) || document.getElementById(sel); }

   L’avantage est qu’ici il est possible d’utiliser de vrais sélecteurs CSS.
9. HTeuMeuLeu dit :

   18/08/2010 à 17 h 02 min

   Sympa ta proposition (même si du coup on se prive d’IE6 et 7). Ce qui serait intéressant, ce serait de s’en servir pour une deuxième fonction $$(selector), comme sous Mootools par exemple.

   function $( id ) { return document.getElementById( id ); }

   function $$(selector) { return document.querySelectorAll(selector); }
10. Tweets that mention Chérie, j’ai rétréci document.getElementById -- Topsy.com dit :

    18/08/2010 à 18 h 53 min

    [...] This post was mentioned on Twitter by François-G. Ribreau, François-G. Ribreau. François-G. Ribreau said: @HTeuMeuLeu sympa ton lien vers @br1o je viens de proposer une petite amélioration : http://bit.ly/94xlYj [...]
11. Ange Chierchia dit :

    19/08/2010 à 11 h 39 min

    Bonne petite astuce! C’est vrai que moi qui suis habitué a inclure jQuery pour tous mes projets parce que je me débrouille mieux en utilisant un framework Javascript, je ne pense pas à faire appel directement aux fonctions natives de JS qui sont beaucoup moins lourdes dans certain cas.
12. math dit :

    19/08/2010 à 13 h 55 min

    Bonjour, En meme temps Jquery on l’utilise vraiment pas que pour les selecteurs.
13. Jeff dit :

    02/09/2010 à 15 h 28 min

    je suis plutôt adepte des frameworks, qui permettent tout de même de gagner du temps. Les versions minimisées allège un peu en plus.

    Mais bien sûr, suivant les projets, il peut être utile de tout coder soi même si le besoin est faible, et cette technique peut faire gagner pas mal de temps !!

    Merci, c’est tout bête mais il fallait y penser
14. marts dit :

    24/02/2011 à 14 h 21 min

    Commentaire un peu tardif… On peut écrire ceci + simplement : $=document.getElementById;
15. giovo dit :

    19/03/2011 à 14 h 36 min

    INUTILE ….

    Avant on pouvait dire que c’était lourd…

    Maintenant on peut charger les fichiers JS de Jquery via les api Google Code…