11548 sujets

JavaScript, DOM et API Web HTML5

Bonjouur. =)

Ma question est "simple"...

Après avoir créé 2 noeuds à la suite dans une partie de la page à l'aide de javascript...
<div id="element_pere"><span id="fils1"></span><span id="fils2"></span></div>



... comment mettre un retour à la ligne entre ces deux noeuds fraîchement créés pour que ce soit toubô dans mon code source?
<div id="element_pere"><span id="fils1"></span>
<span id="fils2"></span></div>



J'ai cherché un peu partout mais n'ai pas trouvé, j'ai limite peur que ce soit impossible =(

Merci d'avance. =)
Modifié par Boa (12 Nov 2008 - 20:39)
var ln=document.createTextNode('\n');
var fils=document.getElementById('fils1');
fils.parentNode.insertBefore(fils.nextSibling, ln);


Généralement, on essayes plutôt de supprimer ces espaces inutils Smiley rolleyes
Merci beaucoup !
Pour mon script c'est indispensable =P
Je testerai dès que possible...

Et avec un commentaire, c'est également possible alors?
Si je veux mettre un commentaire du style <!-- ID123456 --> devant un noeud, je refais de même avec createTextNode('<!-- ID123456 -->')?

Bonne journée =)

Edit : Soit je ne suis pas doué, soit je ne suis pas doué, mais le morceau de script ne marche pas dans mon petit test...
Je réessairai plus tard au calme, mais là mon test rapide a renvoyé une erreur. =(



<html>
  <head>
    <title>Test</title>
  </head>
  <body>
<div><div id="test1">Glop</div><div id="test2">Glob</div></div>

<script type="text/javascript">
var ln=document.createTextNode('\n');
var fils=document.getElementById('test2');
fils.parentNode.insertBefore(fils.nextSibling, ln);
</script>
</body>
</html>

Modifié par Boa (12 Nov 2008 - 17:00)
Ca y est !
J'ai réussi.

Merci beaucoup pour votre aide, ça colle parfaitement au sein de mon programme.
L'erreur était au niveau de
fils.parentNode.insertBefore(fils.nextSibling, ln);

il fallait mettre
fils.parentNode.insertBefore(ln, fils.nextSibling);

Merci beaucoup ! J'ai gagné beaucoup de temps grace à vous. Smiley cligne

Bonne soirée. =D
Pour un commentaire, il vaut mieux utiliser createComment au lieu de createTextNode Smiley smile

Ooops... désolé pour l'inversion des paramètres Smiley biggol