Tutorial events handler in firefox differences with chrome and IE

Question

I have this code:
var inp1 = document.createElement("input");
inp1.type = "button";
inp1.value = " Delete ";
var bott = "boton" + i.toString();
inp1.id = "prueba" + i;
inp1.className = "boton";
inp1.onclick = function() {deleteItem(event)};
function deleteItem(event) {
var tname = event.srcElement || event.target;
var tname1 = tname.id;
works for chrome but not firefox

Answer 1

What kind of tutorial are you writing?
Generally speaking, you should never recommend detecting browser capabilities by strings in the navigator properties. It is always better to use object/property/method detection if possible. Otherwise, you may miss crucial changes made in more recent versions of a browser, such as IE9 and later. Also, you should consider using the standardized approach to defining event handlers, which is addEventListener().
Here is an alternative example:
var inp1 = document.createElement("input");
inp1.type = "button";
inp1.value = " Delete ";
inp1.id = "prueba" + i;
// For best results, add element to the document before
// setting event listeners
if (inp1.addEventListener)
inp1.addEventListener("click", deleteItem, false);
else
inp1.onclick = deleteItem;
function deleteItem(evt){
if (!evt) evt = window.event; // old IE
var tgt = evt.target || evt.srcElement;
alert(tgt.id); //for debug/test only
return false; //for debug/test only
...