Question

12

JavaScript getElementByID() not working

rated 0 times [ 17] [ 5] / answers: 1 / hits: 184709 / 15 Years ago, wed, december 2, 2009, 12:00:00

Why does refButton get null in the following JavaScript code?

<html>

<head>

    <title></title>

    <script type=text/javascript>

        var refButton = document.getElementById(btnButton);



        refButton.onclick = function() {

            alert('I am clicked!');

        };

    </script>

</head>

<body>

    <form id=form1>

    <div>

        <input id=btnButton type=button value=Click me/>

    </div>

    </form>

</body>

</html>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

ciarajourneyv

Add To Favorites

Follow

Total Points: 428

Total Questions: 95

Total Answers: 90

Location: Maldives

Member since Sat, Feb 11, 2023

1 Year ago

ciarajourneyv questions

1 Vee validate v3 ValidationObserver not working with dynamic validation provider added using v-for

Thu, Jan 14, 21, 00:00, 3 Years ago

1 How to check if the user has internet connection in React

Thu, Jul 16, 20, 00:00, 4 Years ago

1 How to wait for response of fetch in async function?

Wed, Jan 8, 20, 00:00, 4 Years ago

1 How do i use the fetch api to load html page with its javascript?

Wed, Sep 18, 19, 00:00, 5 Years ago

1 How can i use floating button in my react web site?

Mon, Sep 2, 19, 00:00, 5 Years ago

View All

answered 15 Years ago keana · Accepted Answer

At the point you are calling your function, the rest of the page has not rendered and so the element is not in existence at that point. Try calling your function on window.onload maybe. Something like this:

<html>

<head>

    <title></title>

    <script type=text/javascript>

        window.onload = function(){

           var refButton = document.getElementById(btnButton);



            refButton.onclick = function() {

                alert('I am clicked!');

            }

        };

    </script>

</head>

<body>

    <form id=form1>

    <div>

        <input id=btnButton type=button value=Click me/>

    </div>

    </form>

</body>

</html>