Parcourir un nœud

Bonjour

J'ai ceci :

Page HTML

Code:

---

1 2 3 4 5

<div class="border map-designation__inner"> <h3 class="map-title">Truc</h3> <p class="fade"><br> <br>Machin</p> </div>

---

J'ai écris ceci :

Page Javascript

Code:

---

1 2 3 4 5

var xmlDoc = this.responseText; var parser=new DOMParser(); var htmlDoc=parser.parseFromString(xmlDoc, 'text/html');   var x=htmlDoc.getElementsByClassName("border map-designation__inner"); //je suis dans la div

---

Le but de mon code est de pouvoir récupérer la valeur de p soit "Machin"
Je n'ai pas la moindre idée de comme je peux faire pour descendre dans le nœud.

Pouvez-vous m'aider s'il vous plaît?

Merci d'avance.

Code:

---

htmldoc.querySelector('fade');

---

?

Bonjour

Merci pour ta réponse.

Malheureusement, ça me retourne

Citation:

---

null

---

Pour information, et comme je ne l'ai pas préciser avant, j'ai plusieurs balises : <p class="fade">.

C'est pour cela que je cherche à descendre dans <div class="border map-designation__inner">, car il est unique.

J'ai tenté ceci

Code:

---

htmlDoc.getElementsByClassName("fade");

---

Evidemment, il ne me retourne la valeur que de la première balise

Merci d'avance

Ceci fonctionne, mais je pense que c'est très moche

Code:

---

1 2 3

var y =htmlDoc.getElementsByClassName("fade").item(1).innerHTML; alert(y.replace(/<\/?[^>]+(>|$)/g, "").trim());

---

Merci d'avance

class => .

Code:

---

htmldoc.querySelector('.fade');

---

Comme ceci ?

Code:

---

1 2 3

var y=htmlDoc.getElementsByClassName("border map-designation__inner").innerHTML; var x=y.querySelector('.fade');

---

Merci d'avance

Tu passes d'un element du DOM à du innerHTML qui est du texte ... :(

Pas besoin de passer par le div tu peux récupérer directement le class fade ...

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

let HTMLCode=`<div class="border map-designation__inner"> <h3 class="map-title">Truc</h3> <p class="fade"><br> <br>Machin</p> </div>`;       let parser=new DOMParser(); let htmlDoc=parser.parseFromString(HTMLCode, 'text/html'); console.log ( htmlDoc);   let x=htmlDoc.querySelector('.fade'); console.log(x)

---

Citation:

---

Envoyé par SpaceFrog

Pas besoin de passer par le div tu peux récupérer directement le class fade ...

---

Sauf que j'ai plusieurs balises avec la class.fade.
Donc x=htmlDoc.querySelector('.fade'); ne me retournera que la valeur de la première balise trouvée.

querySelectorAll te retournera la collection

Merci beaucoup !:ccool:

En gros, tu m'as donné le bon terme pour bosser.
Effectivement, si on ne connais pas le terme "pomme" pour "Fruit du pommier, rond, à pulpe ferme et juteuse", c'est moins facile pour savoir ce que l'on va manger.