Posez votre question Signaler

[javascript] innerHTML [Résolu]

Pomme87 29Messages postés 22 juillet 2011Date d'inscription 4 décembre 2011Dernière intervention - Dernière réponse le 4 déc. 2011 à 12:30
Bonjour,
Je suis confronté à un petit souci. Dans une certaine page, je n'ai pas le droit de modifier le code HTML mais je peux mettre en place du javascript. Pour une certaine raison je veux récupérer le code html d'un bloc qui n'a pas de id mais une class :
<div id="monBloc1">
<div class="monTitre1">j'écris mon premier titre ici</div>
<div class="monContenu1">dans ce bloc-ci je peux écrire du contenu</div>
</div>
<div id="monBloc2">
<div class="monTitre2">encore un titre...</div>
<div class="monContenu2">encore un contenu... :D</div>
</div>
Comment pourrai-je faire pour récupérer le contenu de monTitre1 (j'écris mon premier titre ici) ?
ça pourrait être du type document.getElementById('monBloc1').getElementByClass('monTitre1').innerHTML ?
Je me réjouis d'avance de vos réponses !
Lire la suite 

[javascript] innerHTML »

1 réponses
Réponse
+1
moins plus
Salut ...

document.getElementsByClassName('monTitre1')[0].innerHTML;

Sachant que c'est rare ou les class sont uniques, on utilise le [num] pour identifier de quelle balise il s'agit ...

Si c'est la première balise dont la class est monTitre1, alors on utilise [0]
Si c'est la deuxième balise dont la class est monTitre1, alors on utilise [1]
etc ...

Sinon, si tes class sont uniques, alors tu devrais utiliser des id a la place, vu que c'est la principale différence entre les class et les id !!!

Voila !
Ajouter un commentaire
Ce document intitulé « [javascript] innerHTML » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?