Incompréhension fichier .js

**Alba.1337** · 20/02/2012, 21h58

Bonsoir...

Je bosse depuis ce matin du javascript. J'en avais jamais fait, je trouvais ça marrant... Jusqu'à il y a une heure.
J'ai ce fichier html :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
 
  <meta content="text/html; charset=UTF-8" http-equiv="content-type" />  
  <title>TP3  CSS</title>
  <script type="text/javascript" src="recettes.js"></script>
  <link rel="stylesheet" type="text/css" href="recettes.css" />
</head>
 
<body>
<div id="contenu">
 <h1>Recettes</h1>
 <h2>Crêpes</h2>
 <h3>Crêpes classiques</h3>
   <ol class="ingredients">
     <li>250g de farine</li>
     <li>...</li>
   </ol>
   <div class="procede">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus. </div>
 <h3>Crêpes à la bière</h3>
   <ol  class="ingredients">
     <li>25cl de Trois-Monts</li>
     <li>...</li>
   </ol>
   <div class="procede">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus. </div>
 <h2>Gaufres</h2>
  <h3>Gaufres de Liège</h3>
    <ol  class="ingredients">
     <li>...</li>
   </ol>
   <div class="procede">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus. </div>
</div>
</body>
</html>

et donc dans le meme dossier un fichier javascript, recettes.js :

Code :

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

1
2
var tab=document.getElementsByTagName('h2');
alert(tab.length);

Lorsque je tape cette commande dans le scratchpad firefox tout fonctionne... Dès que c'est dans le fichier .js, plus rien ne va plus.
Le 'alert' m'affiche 0...

Je ne comprends pas du tout.

Toute aide est la bienvenue!
Merci d'avance.

**NoSmoking** · 20/02/2012, 22h03

Bonsoir,

Lorsque je tape cette commande dans le scratchpad firefox tout fonctionne... Dès que c'est dans le fichier .js, plus rien ne va plus.

oui mais dans ce cas le fichier est chargé et le DOM constitué, donc les balises H2 existent.

Dans le cas de ton fichier HTML tu fais appel à la méthode avant que le DOM ne soit finalisé.

Mets ton <script type="text/javascript" src="recettes.js"></script> juste avant la balise </BODY> et...miracle cela remarche !

Comprendre la balise script

**Alba.1337** · 20/02/2012, 22h05

Oh!!
Moultes merci!

Incompréhension fichier .js

JavaScript

Discussions similaires

Partager

Partager