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 :

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);
Bref, tout simple quoi.

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