Utilisation de la fonction getElementsByTagName()

Version imprimable

02/04/2020, 16h30
Gabriel_Enriquezdu67

Utilisation de la fonction getElementsByTagName()
Bonjour,

Je suis étudiant en Informatique, et je débute en JavaScript.

J'ai écrit un code simple, qui me permettrait, selon moi, d'afficher en popup le premier élément avec un certain marqueur (tag), en l’occurrence, avec un tag : a (bouton), de la page PHP avec laquelle ma page JavaScript est reliée.

Au lieu d'obtenir cela, j'obtiens un popup avec "undefined", j'ai cherché la raison de ce problème mais je n'arrive pas à la trouver.

Je vous montre ci-dessous mon programme.

Voici le code de la page debutPHP.php :
Code:

1 2 3 4 5 <html> <link rel="stylesheet" href="styleDebutPHP.css" type="text/css"><br /> <a>BONJOUR !!!!!</a> <script src="debutJS.js"></script> </html>
Voici le code de la page JavaScript debutJS.js, reliée à debutPHP.php :
Code:

1 2 tag = document.getElementsByTagName("a").innerHTML alert(tag)
Au vu de mon code, selon moi, je devrais obtenir un popup avec "BONJOUR !!!!!" écrit, mais j'obtiens au lieu de cela : undefined, cela signifie selon moi que les boutons ne sont pas définis, ce dont je ne comprends pas la cause.

Auriez-vous une idée concernant mon problème?

En vous remerciant par avance pour votre réponse.

Bien cordialement,
02/04/2020, 17h20
Invité

Bonjour,

Code:

var tag = document.getElementsByTagName("a")[0].innerHTML;
02/04/2020, 17h45
Gabriel_Enriquezdu67

D'accord, merci pour ta réponse, j'ai compris pourquoi ça marche comme ça, en fait getElementsByTagName("a") prend tous les éléments "a"(boutons) donc on est obligés de spécifier lequel convertir en format HTML pour en afficher 1.

Bien cordialement
02/04/2020, 17h56
NoSmoking

Bonjour,

Citation:

... et je débute en JavaScript.

Il ne faut pas, dans cas, se priver de la documentation, sur MDN par exemple : element.getElementsByTagName ;)
02/04/2020, 18h55
Invité

Citation:

Envoyé par Gabriel_Enriquezdu67

... "a"(boutons) ...

Et ça ne te ferait pas de mal d'apprendre d'abord les BASES du HTML...

...notamment la sématique et utilisation des balises HTML.
02/04/2020, 21h51
Gabriel_Enriquezdu67

Oui, c'est vrai, excuse-moi, les boutons se codent par la balise <button></button> en HTML. La balise <a></a> s'utilisant pour les liens vers d'autres endroits du site.
03/04/2020, 13h39
Invité
Bonjour,

je t'invite à te référer aux standards des navigateurs, notamment à MDN (developer.mozilla/Firefox) :
:recherch: "xxx MDN"

Exemples : :google:
- balise <a> MDN
- balise <input> MDN
- balise <button> MDN
- ...
Très instructif.
03/04/2020, 15h23
Gabriel_Enriquezdu67

Oui, merci pour ton conseil, je viens de découvrir ce site, en effet, il est très détaillé et permet de bien apprendre chaque notion de programmation.