Discussion :

[tomkiki]

Bonjour,

Je cherche à lister TOUT les éléments "ID" d'une page Web et recuperer le text de ces ID.

Quel programme utiliser ?

j'utilise firefox developer.

///////////
J'arrive à recuperer un text, mais en allant chercher directement l'ID.
J'utilise un fichier script.

Code :

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

1
2
var result = document.getElementById(321033421);
alert(result.textContent);

MERCI.

[javatwister]

Bonjour,

Méthode générique:

Code javascript :

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

1
2
3
4
5
document.addEventListener("DOMContentLoaded",()=>{
	const liste=[];
	document.querySelectorAll("*[id]").forEach(el => liste.push(el.id));
	console.log(liste)
})

[tomkiki]

"addEventListener" doit être appelé ?? ou c'est automatique ?

car cela ne fonctionne pas...

[ProgElecT]

Salut
Le déclenchement est automatique quand la page a fini de se charger, évènement DOMContentLoaded.

[tomkiki]

Merci pour vos réponses

Cela ne marche pas...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
console.clear();
 
console.log("A1 ");
 
document.addEventListener("DOMContentLoaded",()=>{
	const liste=[];
	document.querySelectorAll("*[id]").forEach(el => liste.push(el.id));
	console.log(liste)
})
 
 
console.log("A2 ");

Les A1 et A2 s'affiche dans le log mais pas les ID de la page.

[ProgElecT]

En le mettant en toute fin du dernier <script> ... </script>du code HTML ? car chez moi cela fonctionne très bien.

[javatwister]

Enlève ton console.clear() qui ne sert à rien et tu verras plus nettement le contenu de Array() sous chrome;
De toute façon, si tu recopies uniquement le code donné, je ne vois pas où est le problème