Discussion :

[CnamExcel]

Bonjour, a tous

Je cherche a compter le nombre de Balise <p> dans un document HTML avec javascript

Code :

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

1
2
3
4
5
6
7
8
9
 
var liensuite = document.createElement( "a" );
var parph = document.getElementsByTagName("p");
var x = document.getElementsByTagName("p").length;
alert(x);
var prp = parph [0];
liensuite.setAttribute("href","#");
liensuite.innerHTML = "Lire La Suite";
prp.appendChild(liensuite);

mais cela ne fonctionne pas, x est égale a 0, alors que le résultat attendu est 3 car il y a 3 balises P dans ma page HTML
merci de m'aider je ne suis pas encore très a l'aise avec javascript.
en théorie : var parph = document.getElementsByTagName("p"); doit me créer une liste de trois éléments avec les indices (0,1,2)
mais non..............

Comme vous l'avez certainement compris je cherche a créé avec javascript (pas onclick) un lien "Lire la suite" a la fin du premier paragraphe

[mathieu]

peut-être que vous lancez le code à un moment où la page n'est pas encore complètement chargée ?

[CnamExcel]

Bonjour
Merci pour votre réponse
mais l'appel au programme javascript
dans le fichier html est bien tout a la fin juste avant la balise </body>

[SpaceFrog]

essaye avec un p majuscule ?

[CnamExcel]

Bonjour, a tous et un Grand Merci a spacefrog et mathieu.
Spacefrog cela fonctionne parfaitement avec un P majuscule dans le programme javascript
quand a la page HTML les balises peuvent être avec P majuscule ou p minuscule cela fonctionne également.

Code :

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

1
2
3
4
5
6
7
8
var liensuite = document.createElement( "a" );
var parph = document.getElementsByTagName("P");
var x = document.getElementsByTagName("P").length;
alert(x);
var prp = parph [0];
liensuite.setAttribute("href","#");
liensuite.innerHTML = "Lire La Suite";
prp.appendChild(liensuite);

[NoSmoking]

Bonjour,

Spacefrog cela fonctionne parfaitement avec un P majuscule dans le programme javascript

à priori aucune raison que cela ne fonctionne pas, le problème devait être ailleurs.

Tu pourrais également utiliser la méthode document.querySelector('p') récupérer pour le premier élément <p> ou encore document.querySelectorAll('p') pour récupérer la collection complète des éléments <p> de la page.

[CnamExcel]

Bonjour, a tous

merci pour votre aide.
Ce soir je testerai la solution de nosmoking.
pour faire un test de fonctionnement.

Je reviendrai sur le forum pour donner les résultats.



serge

Cordialement