Récupérer la totalité du texte d'une div

**ireolax** · 25/03/2012, 14h05

Bonjour,

bon, voici mon code de test :
Comme vous pouvez le constater, à chaque fois je crée un élément TextNode et je voudrais pouvoir récupérer la totalité des nœuds texte.Là il me renvoie que le 1er.
Mais je ne trouve pas la bonne commande.
Merci pour vos réponses.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<body>
        <div id="affichage"></div>
 
        <script>
            var test = document.createTextNode('9');
            document.getElementById('affichage').appendChild(test);
            test = document.createTextNode('*');
            document.getElementById('affichage').appendChild(test);
            test = document.createTextNode('6');
            document.getElementById('affichage').appendChild(test);
 
            var recupAffichage = document.getElementById('affichage').firstChild.nodeValue;
            alert(recupAffichage);
        </script>
    </body>

**sekaijin** · 25/03/2012, 14h24

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

ocument.getElementById("affichage").innerText

A+JYT

**Rachel** · 25/03/2012, 14h32

Envoyé par sekaijin

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("affichage").innerText

A+JYT

innerText retourne Undefined chez moi.

essaye ceci sinon :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
var recupAffichage = "";
var affichage = document.getElementById("affichage");
		for(var i=0; i<affichage.childNodes.length;i++)
		{
		recupAffichage += affichage.childNodes[i].nodeValue;
		}
            alert(recupAffichage);

**ireolax** · 25/03/2012, 14h32

Merci de la proposition, mais ça me renvoi "undefined"... avec innerText.
Par contre ça fonctionne avec innerHTML.

**ireolax** · 25/03/2012, 14h39

@rotrevrep :
Merci la boucle fonctionne très bien aussi, 2 solutions du coup.

Merci à vous !

**Rachel** · 25/03/2012, 14h51

de rien mais fait attention. si dans une de tes div, une autre div est imbriquée, cela te renverra null

alors dans ce cas tu devras boucler sur cette div de la même manière, et ainsi de suite

**ireolax** · 25/03/2012, 20h28

@rotrevrep : Oui selon l'Id.
@sekaijin : Sinon, innerText fonctionne sous Chrome et I.E pas sous Firefox.

**sekaijin** · 25/03/2012, 20h56

oui sous FF

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("affichage").textContent

A+JYT

Récupérer la totalité du texte d'une div

JavaScript

Discussions similaires

Partager

Partager