Nombre d'enfants d'un ElementHTLM

Bonjour,

je suis en DUT et je fais un stage en informatique (je suis débutant quand même).

L'objectif étant de faire une suite bureautique (pas très complexe), juste une sorte de grille ("telle que excel) où l'on peut éditer..

j'avance pas par pas et je suis bloqué sur un point.

mon principe :

faire un tableau html et dans les cellules du tableau, je met un type input (text ou number selon besoin).

1) j'arrive pas à récupérer la valeur de du type input

2) Lorsque je compte le nombre d'enfant dans la cellule, le résultat est 3 et pas 1.
code :

Code:

---

1 2 3 4 5

function voirContenu() { var x = document.getElementById("cell_0"); alert(x.childNodes.length); //firstChild.nodeValue; }

---

Code:

---

1 2 3 4 5 6 7 8

<table id="monTableau_Edit" border="1"> <caption>Tabelau Edit</caption> <tbody id="mes_cellules"> <tr id="ligne_0"><!-- --> <td id="cell_0"> <input id="essaie0" type="text" style="border:none; name="essaie0" value="Imagine" /> </td> </tr> </tbody> </table>

---

Je vous remercie de votre aide et du temps !

Bonjour,
si tu enlèves les espaces avant et après ton INPUT, il n'y aura plus qu'un élément enfant

Code:

---

<td id="cell_0"><input id="essaie0" type="text" style="border:none;" name="essaie0" value="Imagine" /></td>

---

J'ai finalement trouvé ce qui n'allait pas.
Pour ceux qui auront ce problème :

il faut juste enlever les espaces dans la balise td qui encadre le type input car ils comptent en nœud de texte.
Donc ne pas mettre d'espace mais juste le type input.

Oui c'est ça justement.
désolé j'ai posté ma réponse sans voir la tienne et à quelque minutes après.

Je te remercie beaucoup, c'est super d'avoir reçu une réponse rapide

:ccool: ce qui est super c'est surtout que tu as continué à chercher en attendant une réponse, comme quoi la recherche paie ;)

effectivement mais la solution d'enlever les espaces dans le code source n'est pas la bonne.

elle marche et en tant que stagiaire débutant tu pourrais t'en contenter.
Mais c'est l'occasion de rendre ton code robuste

imagine que ton code dans l'entrepris eva vivre sa vie pendant des années. peut être plusieurs dizaines. et un jour quelqu'un un autre stagiaire peut être fa reformater ton code HTML et là le bug va réapparaitre sans que la personne en question comprenne ce qu'il se passe.


la solution est donc de considérer qu'éventuellement il n'y a pas un fils mais plusieurs et donc de traiter tous ces fils.

Code:

---

1 2 3 4 5 6 7 8 9

function voirContenu() { var x = document.getElementById("cell_0"); var inputs = x.getElementsByTagName('INPUT'); alert(inputs.length); //nombre de fils de type Input if (inputs.length > 0) { alert(inputs[0].value); //valeur du premier fils de type input } }

---

A+JYT

d'accord avec toi sur le fond sekaijin mais sur la forme j’utiliserais plus volontiers la collection des enfants (les vrais) en utilisant obj.children plutôt que getElementsByTagName ou autre querySelectorAll.

entièrement d'accord non code est juste un exemple.
mon propos est de dire qu'in ne faut pas se contenter de supprimer le blanc dans la source
un code don le résultat dépend de la mise en forme du code source est un code potentiellement dangereux.

A+JYT

On peut aussi mettre à profit les interfaces et méthodes spécifiques :

Code:

---

1 2 3

var x = document.getElementById("cell_0"), nb = x.childElementCount, // Attention, IE8- inclut les commentaires dans le compte nb2 = x.children.length;

---

;)

Le mouton est un animal ...

à poil les noeuds !!!

http://javascript.developpez.com/faq...ript/?page=DOM
http://www.developpez.net/forums/d47...leaner-retour/