Accéder à un objet dans un <div>

Bonjour, dans ma div, je cherche à modifier un élément qui n'est pas dans des balises <h4>. Et uniquement celui-là.

Code:

---

1 2 3 4 5 6 7 8 9 10

<div id="ma_div">   <h4> mon champ 0 </h4> <h4> mon champ 1 </h4> <h4> mon champ 2 </h4> <h4> mon champ 3 </h4>   mon texte en dehors </div>

---

En gros, je souhaite modifier "mon texte en dehors", sans toucher au reste. Sachant que "mon texte en dehors" sera toujours à la fin de ma div, comme montré sur l'exemple. J'ai pensé à utiliser la propriété HTML childNodes, mais je ne sais pas si c'est une bonne idée ni comment faire.

Comment procéder selon vous svp ?

avec jquery c'est très simple ...

Citation:

---

Envoyé par pierrot547000

En gros, je souhaite modifier "mon texte en dehors", sans toucher au reste. Sachant que "mon texte en dehors" sera toujours à la fin de ma div, comme montré sur l'exemple. J'ai pensé à utiliser la propriété HTML childNodes, mais je ne sais pas si c'est une bonne idée ni comment faire.

Comment procéder selon vous svp ?

---

Est-ce que ce texte est unique et est toujours à la fin ?

Si il est toujours à la fin il suffit de prendre le dernier enfant...

Si il est placé n'importe où mais qu'il est unique eh bien on le repère en cherchant la nodetext (node de type 3) non vide parmi tous les enfants...

j'ai bien testé le code suivant :

Code:

---

1 2	var x = document.getElementById("ma_div").lastChild.innerHTML;

---

Mais il ne fonctionne pas...

Tu peux tester ici : http://jsbin.com/jejafoqako/edit?html,output ...

Tape ton texte dans la textearea et clique sur le bouton...

Bonjour,
indépendamment de ce qui vient de ce dire/écrire, il eut été de bon ton de répondre à ta précédente question à savoir : Accéder au dernier élément d'une div :weird:

Ah ben je vois que tu avais déjà ouvert un fil pour savoir comment accéder au dernier élément...

PS : Sans Jquery c'est tout aussi rapide... Je n'utiliserais pas JQuery juste pour ça...

Citation:

---

Envoyé par pierrot547000

j'ai bien testé le code suivant :

Code:

---

1 2	var x = document.getElementById("ma_div").lastChild.innerHTML;

---

Mais il ne fonctionne pas...

---

C'est normal car il me semble que si la node est une nodeText alors elle n'a pas de innerHTML... Par contre elle a un textContent, data, wholeText...

jour

essai avec nodeValue

Code:

---

document.getElementById("ma_div").lastChild.nodeValue

---