web-dev-qa-db-fra.com

Obtenir l'élément en utilisant le nom de classe

Je veux Element en utilisant le nom de classe

Maintenant j'utilise GWT 2.0

Aidez-moi, s'il vous plaît

Merci

19
Tushar Ahirrao

https://developer.mozilla.org/en/DOM/document.getElementsByClassName

e: non pris en charge nativement dans IE <9, vous devez donc étendre le document/créer une fonction globale avec quelque chose comme ceci: http://robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008 / ou utilisez quelque chose comme grésillement ou jquery - grâce aux commentaires ci-dessous.

15
dmp

Un certain nombre de solutions ont été conçues pour contourner les navigateurs qui n'ont pas de getElementsByClassName natif. Si vous utilisez l'une des bibliothèques javascript modernes (par exemple jQuery , Prototype ), elles satisferont automatiquement ces lacunes spécifiques au navigateur.

Ainsi, par exemple, avec jQuery:

$('.foo').get();

renvoie tous les éléments DOM avec la classe foo, dans n'importe quel navigateur.

Si vous souhaitez uniquement résoudre ce problème particulier et que vous ne souhaitez pas utiliser une bibliothèque complète, vous pouvez essayer d'utiliser quelque chose comme The Ultimate GetElementsByClassName , qui vous permet d'avoir:

getElementsByClassName('foo')

Bien qu'il soit vieux de quelques années, la comparaison de John Resig de diverses solutions au problème est toujours valable.

14
Ken Redler
3
Daniel De León

Il peut être plus judicieux d'utiliser document.querySelector ou document.querySelectorAll, pris en charge depuis IE8.

Jetez un œil ici:

https://developer.mozilla.org/docs/Web/API/document.querySelectorhttps://developer.mozilla.org/docs/Web/API/document.querySelectorAll

2
magikMaker