Parcourir les éléments dans un document dans l'ordre du code HTML

Bonjour,
Disons que le lecteur d'une page HTML sélectionne une zone de texte.
Je suis capable d'obtenir le HTML de la zone sélectionnée, jusque là ça va.
Le problème : je dois retrouver une balise de lien qui se trouve plus haut dans le code HTML pour y trouver une information.
Tout ce que je trouve, ce sont des méthodes qui me permette d'avoir la balise suivante ou précédente au même niveau, le parent ou les enfants dans l'arbre du DOM, c'est pénible à naviguer !
Ce que je veux c'est trouver le NODE qui se trouve juste avant dans le code HTML, qu'il soit parent, ou voisin, dans l'ordre du texte source, bref sans aucun soucis de l'arborescence.

Est-ce possible ?

pour cibler un élément en particulier, il vaut mieux le donner un attribut "class" et vous pourrez ensuite le cibler directement.
est ce que vous utilisez jQuery sur cette page ?

Bonjour,

Pour l'instant, c'est difficile de comprendre ce que tu veux (faire).

Mais rassure-toi: tout est possible :)

Citation:

---

Envoyé par mathieu

pour cibler un élément en particulier, il vaut mieux le donner un attribut "class" et vous pourrez ensuite le cibler directement.
est ce que vous utilisez jQuery sur cette page ?

---

Oui, bien sûr, mais je n'ai pas le contrôle sur la génération du code HTML, tout ce que je peux faire c'est ajouter du Javascript.

Citation:

---

Envoyé par javatwister

Bonjour,

Pour l'instant, c'est difficile de comprendre ce que tu veux (faire).

Mais rassure-toi: tout est possible :)

---

Je veux pouvoir parcourir la liste de tous les objets DOM à partir d'un objet en particulier, et en remontant, mais sans égard à l'arborescence, juste dans l'ordre (donc inverse) des balises dans le code source HTML.
Mais bon, comme on dit la nuit porte conseil, je crois avoir trouvé un autre moyen de m'en sortir sans avoir à parcourir cette liste.
Merci.

une piste, mais sans savoir encore ce que tu veux coder...

Code:

---

const dom=document.body.getElementsByTagName('*');

---

Ben oui, ça je sais bien, mais je dois pouvoir remonter cette liste à partir d'un élément en particulier que je connais, mais je ne sais pas où il va se retrouver dans cette liste, et cet élément est juste une DIV, sans Id ni NAME ni CLASS particulière.

Mais je suis en train de tester une autre méthode pour régler mon problème, je crois que je vais pouvoir abandonner celle-là. Merci à tous.

Bonjour,

Citation:

---

Je suis capable d'obtenir le HTML de la zone sélectionnée, jusque là ça va.

---

si tu as la « zone selectionnée » il existe la propriété Range.commonAncestorContainer qui te permet de récupérer l'élément conteneur et à partir de là tu peux utiliser element.previousElementSibling et remonter ainsi facilement l'arbre DOM.

Oui, je sais bien ça, mais c'est « remonter l'arbre » le problème, faut pas juste remonter, mais il faut aussi descendre, remonter, redescendre etc.... C'est vraiment compliqué pour rien. Je me fous de l'arbre, l'élément que je cherche se trouve avant dans le source HTML, ce que je veux c'est la suite des éléments dans leur ordre d’occurrence dans le code source.

Salut,

Il y a TreeWalker * pour parcourir le DOM facilement et efficacement...


* https://developer.mozilla.org/fr/doc...API/TreeWalker

Voir en particulier :

TreeWalker.previousNode()
Déplace le Node courant vers le noeud visible précédent dans l'ordre du document et renvoie le noeud trouvé. Il déplace également le noeud courant vers celui-ci. Si aucun noeud n'existe ou s'il est avant le noeud racine défini lors de la construction de l'objet, renvoie null et le noeud courant n'est pas modifié.

Ah voilà, merci. Je vais regarder ça. :merci: