Discussion :

[gillout]

Bonjour,

Je souhaiterai récupérer le texte d'un lien, et ce pour plusieurs cas.

Mes liens sont chaque fois dans une balise avec une class, je met le contenu dans une variable.

Ma variable contient donc :

Code html :

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

<a href="" target="" title="">texte de mon lien</a>

Et je souhaite récupérer juste : texte de mon lien

Comment procéder ?

[NoSmoking]

Bonjour,
pour récupérer les éléments d'une même classe

Code :

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

var elements = document.querySelectorAll(".nom-de-la-classe");

pour récupérer le texte contenu il te suffit de récupérer le textContent de chaque l'élément.

[gillout]

Bonjour,

Merci NoSmoking.

Je vais tester ça dans une boucle pour faire ce dont j'ai besoin et voir si tout fonctionne comme je le souhaite avec ça.

[gillout]

Bonjour,

Le textContent me permet bien de récupérer le contenu mais je n'arrive pas à faire ce que je veux car je n'arrive pas à isoler une sauvegarde d'un élément.

Quand je modifie le contenu d'un élément, cela modifie aussi sa sauvegarde que j'ai mis dans une autre variable. Comment faire une variable bien isolée ?

Le but étant de supprimer une balise et son contenu puis de remettre le texte de son contenu à la place où a été supprimé l'élément => comme supprimer une balise <a> sauf son texte.

Toutefois, peut-être qu'il y a une méthode beaucoup plus simple pour faire ce que je souhaite.

Exemple : l'élément ayant une classe "test" :

Code HTML :

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

<li class="test"><a href="" target="" title="">Liste1</a><h3>bla</h3><p>blablabla</p></li>

Je veux supprimer :

Code HTML :

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

<a href="" target="" title="">Liste1</a>

puis remettre son texte (Liste1) à la place de façon à avoir :

Code HTML :

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

<li class="test">Liste1<h3>bla</h3><p>blablabla</p></li>

et ensuite j'essayerai de le faire sur tous les éléments ayant la classe "test".

Les h3 et p sont là juste pour dire qu'il y a d'autres choses après qui ne doivent pas être modifiées.

[CosmoKnacki]

Pour un seul élément (disons le premier avec une classe 'test') tu peux faire:

Code :

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

1
2
3
4
5
6
7
8
let li = document.getElementsByClassName('test')[0],
    alink = li.getElementsByTagName('a')[0];
 
for (let child of alink.childNodes) {
    li.insertBefore(child, alink);
}
 
li.removeChild(alink);

Le principe consiste à déplacer chaque nœud contenu dans l'élément a juste avant celui-ci, puis d'effacer l'élément a. C'est une solution générale qui fonctionne quoi que puisse contenir l'élément a, mais si tu sais d'avance que le l'élément a ne contient qu'un seul nœud (comme dans ton exemple où il n'y a qu'un nœud texte), tu peux simplifier le code en faisant juste:

Code :

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

li.replaceChild(alink.firstChild, alink);

Reste ensuite à l'adapter pour une liste de nœuds (tous les éléments avec une classe 'test'), ce qui ne devrait pas être compliqué, par exemple:

Code :

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

1
2
3
4
for (let li of document.getElementsByClassName('test')) {
    let alink = li.getElementsByTagName('a')[0];
    li.replaceChild(alink.firstChild, alink);
}

[gillout]

Bonjour,

J'avais réussi à le faire pour une avec les infos que j'avais mais avec la boucle pour le faire pour tous cela commençait à faire quelques chose de compliqué et de lourd.

Ta solution, CosmoKnacki, est beaucoup plus courte et plus simple, merci.