Une petite astuce toute simple mais néanmoins efficace pour simplifier l’accès aux identifiants CSS à la manière de jQuery.
function $( element ) {
return document.getElementById( element );
}Simple, mais il fallait y penser !
Helper Javascript
Chérie, j’ai rétréci document.getElementById
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 🙂
@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 😉
Disons que ces libraires sont lourdes, donc effectivement 🙂
Héhéhé, un petit truc tout simple mais génial ! 🙂
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.
Et si Javascript est désactivé? Que se passe-t-il?
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.
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);
}
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.
Bonjour,
En meme temps Jquery on l’utilise vraiment pas que pour les selecteurs.
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
Commentaire un peu tardif…
On peut écrire ceci + simplement :
$=document.getElementById;INUTILE ….
Avant on pouvait dire que c’était lourd…
Maintenant on peut charger les fichiers JS de Jquery via les api Google Code…