Utilisation de la fonction getElementsByTagName()

**Gabriel_Enriquezdu67** · 02/04/2020, 16h30

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 html :

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

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 :

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

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,

Invité · 02/04/2020, 17h20

Bonjour,

Code :

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

var tag = document.getElementsByTagName("a")[0].innerHTML;

**Gabriel_Enriquezdu67** · 02/04/2020, 17h45

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

**NoSmoking** · 02/04/2020, 17h56

Bonjour,

... et je débute en JavaScript.

Il ne faut pas, dans cas, se priver de la documentation, sur MDN par exemple : element.getElementsByTagName

Invité · 02/04/2020, 18h55

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.

**Gabriel_Enriquezdu67** · 02/04/2020, 21h51

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.

Invité · 03/04/2020, 13h39

Bonjour,

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

"xxx MDN"

Exemples :

balise <a> MDN
balise <input> MDN
balise <button> MDN
...

Très instructif.

**Gabriel_Enriquezdu67** · 03/04/2020, 15h23

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.

Utilisation de la fonction getElementsByTagName()

JavaScript

Discussions similaires

Partager

Partager