Home/ Questions/Q 8051995
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T07:26:30+00:00

null return by getElementById method in JavaScript <html> <head> <title>test_elementObject</title> <script language=JavaScript type=text/javascript> <!–

  • 0

null return by getElementById method in JavaScript

<html>
<head>

<title>test_elementObject</title>

<script language="JavaScript" type="text/javascript">
<!--
        var input1 = document.getElementById ( "input1" );
        input1.value = "sample text"
//-->
</script>


</head>

<body>

<input id = "input1" type = "text" value = "" />

</body>
</html>

I’m new in JavaScript
why the script cause error: “input1 is null”?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It happened because this code is executed before the body content is loaded. Try this code:

    <script language="JavaScript" type="text/javascript">
<!--
window.onload = function(){
    var input1 = document.getElementById ( "input1" );
    input1.value = "sample text"
}
//-->
</script>

    This command makes the code execute only when all the page content is loaded
    And remember that <!-- and //--> are outdated, due to javascript compatibility on all recent browsers

    • 0