Comment obtenir de l'élément par le nom de classe

Je veux savoir si il existe un moyen de getElementByClassName("classname").innerHTML fonction ou quelque chose de plus que l'équivalent de getElementById("ClassName").innerHTML.

Cela devrait vous aider. javascript.about.com/library/bldom08.htm Mais astuce -> Utiliser Jquery pour que. Ça va être plus facile.
double possible de Comment faire pour Obtenir l'Élément de Classe en JavaScript? - je suppose que vous avez affaire avec le JavaScript.

InformationsquelleAutor foshoeiyyy | 2011-12-16

26

Il vous manque une s dans votre nom de fonction. getElementsByTagName retourne une collection d'éléments, des éléments, dont vous avez besoin pour effectuer une itération sur:
```
var elements = document.getElementsByClassName("classname");

for (var i = 0; i < elements.length; i++) {
    elements[i].innerHTML = 'foo';
}
```
IE8 et ci-dessous ne prennent pas en charge getElementsByClassName, de sorte que vous aurez à trouver un polyfill ou de l'utilisation querySelectorAll (IE8).
- Notez que getElementsByClassName n'est pas disponible dans IE8 et ci-dessous.
InformationsquelleAutor Blender
1

Je vous suggérons d'utiliser JQuery, où vous pouvez directement utiliser les sélecteurs CSS (comme .yourclass) pour trouver tous les éléments d'une classe donnée:
```
$('.yourclass').doWhatYouWant();
```
Si vous préférez ne pas utiliser JQuery, vous pouvez utiliser du Javascript:
```
document.getElementsByClassName('my-fancy-class')
```
Mais être prudent avec IE8 problème d'incompatibilité.
Comme une alternative (plus lent, mais vous pouvez construire plus complexe sélecteurs CSS), vous pouvez utiliser:
```
document.querySelector('.cssSelector')
```
Qui sera de retour un élément de répondre à votre sélecteur CSS, ou
```
document.querySelectorAll('.cssSelector')
```
Qui sera de retour de plusieurs éléments à la place.

InformationsquelleAutor Fire-Dragon-DoL
0

Vous pouvez le faire à l'aide de jquery
```
$('.className').html();
```
http://api.jquery.com/html/
- Hey cette réponse m'a aidé à répondre à l'usage de la classe de l'élément en js. Peut ne pas avoir été plus pertinent pour la question ci-dessus, mais il m'a aidé à comprendre le défilement horizontal problème que j'ai.
InformationsquelleAutor Robert
-2

Si vous utilisez jQuery, vous pouvez l'obtenir comme vous le feriez dans un sélecteur CSS donc:
```
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
```
alors...
```
$('.classname').each(function() {
    //get html
    $(this).html();
    //set html
    $(this).html('something');
});
```
Avis vous avez aussi la façon pratique de gérer innerHTML.
- Cela ne fera que vous donner le html pour le premier élément de cette classe. En réalité, il pourrait y avoir beaucoup de probablement vous devez utiliser quelque chose comme each() ou similaires à les traiter.
- Toujours pas bon, même après la modifier... vérifier Blender répondre de façon correcte de le faire.
- Il devrait fonctionner maintenant... Effectivement il n'ajoute pas beaucoup d'informations que Blender réponse, mais je vous remercie.
- À l'intérieur de la each callback, vous devriez être en utilisant $(this).html() au lieu de $('.classname').html(). Mes commentaires précédents s'appliquent également à tous les autres réponses ici qui ne sont pas à l'aide de each et de l'appel de méthodes directement sur les sélecteurs JQuery.
- La correction déjà écrit du code en dehors d'un éditeur est souvent une route de tous les dangers! Merci encore ivantod.
InformationsquelleAutor Andrea Colleoni

Vous devez vous connecter pour publier un commentaire.