why javascript cant find element?

Question

I don't know why buy javascript say my div is null.

this the javascript code:

    var box = document.getElementById("box");
box.style.height= box.innerText;

and this is the HTML:

 <html>
  <head>
 <link rel="stylesheet" type="text/css" href="classStyle.css">
   </head>
     </head>
     <body onmousemove="search()">

     <script src="java.js"></script>

     <center>
      <div id="header">Fantasy class</div>  
       <div id="box">50%</div>
     <div type=buttom> יצירת ליגה</div>
     </center>
     </body>
      </html>

move your script tag to just above the closing of `body` tag — Panther, Sep 29 '19 at 08:44
if the code is in `java.js`, then it's running *too early* ... by the way .. `div type=buttom`? div's don't have a "type" — Jaromanda X, Sep 29 '19 at 08:46

score 1 · Accepted Answer · answered Sep 29 '19 at 08:48

1

Your script tag appears before the div id="box". Therefore, it is run before that div is created, and returns null. To fix this, try moving the script tag under the div.

answered Sep 29 '19 at 08:48

Maya Farber Brodsky

318
2
7

Please try not to answer obvious duplicates – mplungjan Sep 29 '19 at 08:49

why javascript cant find element?

1 Answers1