Bonjour.
Je n'en suis pas à mon premier JavaScript, mais là je ne comprend vraiment pas ce qui se passe. J'ai un div dont l'id est 'texte' et je tente de gérer son contenu avec du JavaScript. Voici le code :
Bref, tout simple quoi.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 document.getElementById('texte').innerHTML = '<div style="margin: 30px; text-align: justify;">'; document.getElementById('texte').innerHTML += 'bla bla bla'; document.getElementById('texte').innerHTML += '<br><img src="img_contenu/toto.jpg" alt="" style="margin: 5%; width: 90%;"><br>'; document.getElementById('texte').innerHTML += 'blo blo blo'; document.getElementById('texte').innerHTML += '</div>'; alert(document.getElementById('texte').innerHTML);
Et voici le résultat tel qu'il apparait dans la boite de l'alert :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part <div style="margin: 30px; text-align: justify;"></div>bla bla bla<br><img src="img_contenu/toto.jpg" alt="" style="margin: 5%; width: 90%;"><br>blo blo blo
Effectivement, les textes et l'image ne bénéficient pas de la marge de 30px, ni de l'alignement, comme si JS ne prenait pas mes insctructions dans l'ordre où je les lui donne.
D'où le problème peut-il bien venir ?
Merci d'avance
Partager