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?

Solution

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;

Comments

[Felix Kling]

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.

[miru87]

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