Home/ Questions/Q 758893
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T15:31:59+00:00

I’m trying to get a DOM element from JavaScript. Even though the ID is

  • 0

I’m trying to get a DOM element from JavaScript. Even though the ID is correct, getElementId can’t seem to find it; I get a

TypeError: Cannot read property ‘innerHTML’ of null

in Chrome, or a

TypeError: x is null

in Firefox using only the simple code below. Why is this?

<!DOCTYPE html>

<html>
    <head>
        <script>
            var x = document.getElementById("myHeader");
            alert(x.innerHTML);
        </script>
    </head>
    <body>
        <h1 id="myHeader">Click me!</h1>
    </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Or leave it in the <head> but wrap it in a function and call it when <body> is loaded

    <!DOCTYPE HTML PUBLIC "-//W3C/DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/tdt/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
<!--
    function init(){
      var x=document.getElementById("myHeader");
      alert(x.innerHTML);  
    }

//-->
</script>
</head>
<body onload="init();">

<h1 id="myHeader">Click me!</h1>

</body>
</html>
    • 0