getElementsByClass

January 26, 2007 | Leave a Comment

Lors du développement de mon site perso, j’ai eu besoin d’une fonction javascript qui retourne une liste d’éléments dont le nom de classe est passé en paramètre. J’ai utilisé le code ci-dessous :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
document.getElementsByClassName = function(className)
{
var expression = new RegExp('(^| )'+className+'( |$)');
var allelements = document.body.getElementsByTagName('*');
var elements = [];
for(var i=0; i < allelements.length; i++)
{
var element = allelements[i];
if(expression.test(element.className))
{
elements.push(element);
}
}
return elements;
};

Ce bout de code est l’oeuvre de Chris Ravenscroft et vous trouverez sur son blog – Clic!Dev, ‘Tate and many more projects - une explication détaillée de son fonctionnement (notemment pour ce qui concerne l’usage des expressions régulières en javascript).

Filed under: Javascript

Liked this page?

Tweet it

Subscribe to the RSS feed or sign up for the newsletter now.

Posts related to getElementsByClass

Name (required)

Email (required)

Website

Leave a Reply