Calling Javascript function from a div

Question

Can I please have some help to call a function that is created in Javascript when a reference is made to a DIV in HTML.

Here is my function:

        function testFunction()
        {
            alert("Test");
        }

I would like the testFunction to be called when the following reference is made in HTML:

<div id="testFunction">

Can I please have some help to do this?

What do you exactly mean by "when the following reference is made"? When the parser encounters the element with this ID? JavaScript is either executed when the parser encounters it in the HTML or as a reaction to some user interaction. What kind of interaction is "making a reference"? Your question really isn't clear. — Felix Kling
– Felix Kling, Commented Jan 27, 2013 at 21:04

Konstantin Dinev · Accepted Answer · 2013-01-27 20:39:33Z

3

You can attach the call to a click handler:

In markup:

<div id="testFunction" onclick="testFunction()">

Or inside your script block:

function testFunction() {
   alert("Test");
}

var el = document.getElementById("testFunction");
el.onclick = testFunction;

answered Jan 27, 2013 at 20:39

Konstantin Dinev

35k14 gold badges79 silver badges103 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

var el = document.getEl...etc is unless becouse already have onclick attribute