Onclick doesn't work when dynamically creating div

JavaScript
1

I’m a JavaScript noob, and I’m playing with it. I have some code which created a div inside another div by using the innerHTML of the outer div. That had an onclick event which worked fine. Now I’m trying to create the div as an object, so I’m doing something like this:


var obj = document.createElement('div');
obj.id = "object";
obj.onClick = function() {alert("Clicked");};
obj.innerHTML = "something"; // an img tag in the actual code
document.getElementById('objects').appendChild(obj);

The new div is shown, but clicking on it does nothing. (I originally had another function, but changed to the alert for testing.)

What am I doing wrong?

2

The methods are case-sensitive. onClick must be onclick instead.

3

Thanks a lot. As I said, I’m a noob. :slight_smile: It works now.