Bonjour. J'ai créer une fonction qui rajoute 2 listes déroulantes à chaque fois que l'on clique sur un lien. Je souhaiterais que à chaque fois que l'on clique sur le lien, les 2 listes déroulantes soient mises à la ligne et non à la suite hors je n'y arrive pas. (au niveau de txtBr)
Je ne souhaite pas utilisé innerHTML car son inconvénient est que si la personne choisi une option dans une des listes déroulantes puis qu'elle reclique sur le lien, son choix est annulé.

var txtDe = document.createTextNode('-De '),
	txtA = document.createTextNode(' à '),
	txtBr = document.createTextNode("<br>");
//On ecrit les select sur la page
document.getElementById('Heure'+maj+'New').appendChild(txtDe);
document.getElementById('Heure'+maj+'New').appendChild(newSelectDeb);
document.getElementById('Heure'+maj+'New').appendChild(txtA);
document.getElementById('Heure'+maj+'New').appendChild(newSelectFin);
document.getElementById('Heure'+maj+'New').appendChild(txtBr);

Merci d'avance.

Si tu mets tout les éléments que tu ajoutes dans un bloc (div), ça l'ajoutera à la ligne automatiquement (en plus tu pourras styler l'ensemble plus facilement je pense).

Merci MrPringle, sa marche
Voici le code pour ceux que sa pourra intéresser.

var txtDiv = document.createElement('div'),
	txtDe = document.createTextNode('-De '),
	txtA = document.createTextNode(' à ');

txtDiv.id = maj+'Div'+nbSelectType;
txtDiv.setAttribute('name', mini+'Div'+nbSelectType);

//On ajoute le div au Div global
document.getElementById('Heure'+maj+'New').appendChild(txtDiv);

//On ecrit les select dans le div que l'on vient d'ajouter
document.getElementById(maj+'Div'+nbSelectType).appendChild(txtDe);
document.getElementById(maj+'Div'+nbSelectType).appendChild(newSelectDeb);
document.getElementById(maj+'Div'+nbSelectType).appendChild(txtA);
document.getElementById(maj+'Div'+nbSelectType).appendChild(newSelectFin);