Home/ Questions/Q 6859245
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T02:15:33+00:00

I am not clear why its not working the javascript code when I add

  • 0

I am not clear why its not working the javascript code when I add it to the header section as follows.

We can place a javascript code within the body as follows

<html> 

 <head>
    <title> Simple Test </title>    
 </head>
 <body>
        <div id="mydiv"> This is the div content </div>

        <script type="text/javascript" >
           document.getElementById("mydiv").innerHTML=Date();         
        </script>   

 </body>
</html>

But when I place the same JavaScript code in the header section it doesn’t work.

<html>
  <head>
   <title> Simple Test </title>

   <script type="text/javascript" >
      document.getElementById("mydiv").innerHTML=Date();         
   </script>    

  </head>

Can Someone please explain the issue. I know I can Write a JavaScript function in header and call it in an event. But can’t we Use in this way. If Can’t why.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    because when the page is loaded, by the time the browser gets to that <script> element, the #mydiv element has not yet been created.

    either use an “onload” event, or put your scripts at the bottom of the page.

    • 0