Inclure une balise dans une autre balise
Hello !
Voilà je commence un peu à toucher au javascript et je suis confronter à un problème.
Mon script ajoute une ligne à un tableau quand on clique sur un bouton. La ligne est composée de 2 cellules, dont la dernière contient une 'div' qui contient elle même un 'input'.
En HTML, ca donne ça :
Code:
1 2 3 4 5 6
| <tr>
<td class="tabcells-left">Prix :</td>
<td class="tabcells-right"><div>€
<input type="text" name="" value="">
</div></td>
</tr> |
Pour la 1ère cellule, pas de souci en javascript. Pour la deuxième, j'ai fait ça :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13
|
/*Création input*/
var newInput2 = document.createElement('input');
newInput2.setAttribute("name","nouveau");
newInput2.setAttribute("type","text");
/*Création div*/
var div = document.createElement('div');
div.setAttribute("class","euro");
div.appendChild(document.createTextNode("€" + newInput2));
/*Création td*/
var newData2 = document.createElement('td');
newData2.setAttribute("class","tabcells-right");
newData2.appendChild(div); |
Mais la cellule me ressort ça : €[object HTMLInputElement]
J'ai essayé avec différentes méthodes, aucune à marchée.
Si vous avez une idée, je suis preneur !!!
A+
Tom