to get the >> inner clicked element but Firefox is not accepting >> >> var l = document.createElement("li"); >> l.onclick = function(){ doMyFunction(event.target) ; } ; >> >> Here I got "event is not defined". > > The proper approach is > var l = document.createElement("li"); > l.onclick = function(evt) { > doMyFunction(evt.target); > }; > at least for Mozilla, Opera, Safari, Chrome and IE 9 (in IE 9 mode). > For earlier IE versions you need > var l = document.createElement("li"); > l.onclick = function(evt) { > var event = evt || window.event; > doMyFunction(event.target || event.srcElement); > }; If one uses the more error-prone boolean shortcut syntax instead of `typeof' testing, it should be l.onclick = function(evt) { var event = evt || window.event; if (event) { doMyFunction(event.target || event.srcElement); } }; as one should not assume that if `evt' type-converts to false, `window.event' must refer to an object. However, that approach is proprietary, even though for historical reasons it is probably most compatible. The standards-compliant approach is, and the proper approach has become l.addEventListener("click", function(evt) { doMyFunction(evt.target); }, false); since IE/MSHTML 9 supports it in Standards Mode. Until that remains less compatible (there is still IE/MSHTML < 9), using a wrapper method like jsx.dom.addEventListener() [1] is recommended, so as not to overwritethe primary event listener if one has been added, e. g., with the `onclick' attribute, and not to interfere with the order of event listeners of an element. PointedEars ___________ [1] -- Anyone who slaps a 'this page is best viewed with Browser X' label on a Web page appears to be yearning for the bad old days, before the Web, when you had very little chance of reading a document written on another computer, another word processor, or another network. -- Tim Berners-Lee