Home/ Questions/Q 7688505
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T19:56:11+00:00

<html> <head> <script type=text/javascript> document.getElementById(eee).innerHTML = 7777; </script> </head> <body> <p id=eee>aa</p> </body> </html>

  • 0
 <html>
 <head>
 <script type="text/javascript">
 document.getElementById("eee").innerHTML = "7777";
 </script>


 </head>
 <body>
 <p id="eee">aa</p>

 </body>
 </html>

why does the innerHTML not work in the head, but it does work in the body? Excuse the beginners question but last time i used javascript a year ago this was not a problem at all.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to wait for the HTML document to be loaded before it can be manipulated.

    <script type="text/javascript">
  window.onload = function() {
    document.getElementById("eee").innerHTML = "7777";
  };
</script>

    Keep in mind that scripts are evaluated in the order they are listed in an HTML document, so your script gets run while the browser is processing the “head” section. Since the browser hasn’t yet parsed the “body” section it doesn’t know about any element with id “eee”.

    However, by assigning a function to the “window.onload” event, you can delay the execution of your inner HTML assignment until the window has completely loaded all of the resources and safely manipulate the document.

    Note that if your script was in the body section, after the element with id “eee” was listed, then the script would work without the need to wait for the window “load” event.

    • 0