Utilisation de la fonction getElementById()

**Gabriel_Enriquezdu67** · 01/04/2020, 19h40

Bonjour,

Je suis étudiant en Informatique, je débute tout juste dans l'apprentissage de JavaScript.

J'ai une question par rapport à du code extrêmement basique qui me permettrait avec la fonction getElementsById(), d'afficher en console et en popup les éléments d'un id de ma page PHP. J'ai essayé de le faire fonctionner mais je n'y arrive pas.

Après avoir cherché, je ne comprends pas d'où vient le problème.

Voici mon programme :

J'ai une page PHP debutPHP.php où j'ai le code suivant :

Code HTML :

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

1
2
3
4
5
6
<html>
<link rel="stylesheet" href="styleDebutPHP.css" type="text/css">
<script src="debutJS.js"></script>
<title>Début PHP</title>
<p id="js">salut les gens ID présentation</p>
</html>

Je l'ai reliée comme on peut le voir à la 3ème ligne à la page JavaScript debutJS.js qui a le code suivant :

Code :

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

1
2
3
var essai = document.getElementById("js");
console.log(essai)
alert(essai)

J'obtiens alors un popup null et en console je vois null affiché, j'en déduis donc que essai est null, mais je ne comprends pas pourquoi car selon moi, il devrait être égal à :

salut les gens ID présentation

Sauriez-vous d'où vient ce problème ?

En vous remerciant d'avance pour votre réponse,

Bien cordialement

**ProgElecT** · 01/04/2020, 21h02

Salut

Tu charges debutJS.js avant que l'élément ayant pour id="js" ne sois connu, donc tes 3 ignes var essai = ..... ne peuvent te renvoyer que null.
place ton chargement de debutJS.js juste avant la balise fermente </body>

**Beginner.** · 01/04/2020, 21h02

Salut,

essai est null car au moment où le script est exécutè la balise <p id="js"> n'est pas encore chargée...

Il faut que tu places cette ligne <script src="debutJS.js"></script> après cette balise...

PS : Normalement on utilise la balise <body>....

**Beginner.** · 01/04/2020, 21h05

@ProgElecT on a posté au même moment apparemment... Ça va on a dit à peu près la même chose...

**Gabriel_Enriquezdu67** · 01/04/2020, 22h00

D'accord, j'ai appliqué vos conseils et ça marche maintenant,

Merci beaucoup pour votre aide,

Bien cordialement

Utilisation de la fonction getElementById()

JavaScript

Discussions similaires

Partager

Partager