OnClick события не работает при создании элементов

Question

я добавлял элементы с этим кодом и событием OnClick работает отлично:

$("#main").before('<ul class=\"breadcrumb\"><li><a href=\"javascript:;\" onclick=\"Search(\'' + "/" + '\')\"><span>Home</span></a></li></ul>'); 

Но я больше не использую JQuery, и с кодом ниже, в OnClick события не стреляют. Любая идея, почему это происходит?

var breadcrumb = document.createElement('ul'); 
breadcrumb.className = 'breadcrumb'; 

var element = document.createElement('li'); 

var elementlink = document.createElement('a'); 
elementlink.onclick = function() { 
    Search("/"); 
    return false; 
}; 

var elementspan = document.createElement('span'); 
elementspan.innerHTML = 'Home'; 

elementlink.appendChild(elementspan); 
element.appendChild(elementlink); 
breadcrumb.appendChild(element); 

document.getElementById('main').insertBefore(breadcrumb, null); 

Answer 1

Добавить слушателя вместо установки свойства onclick элемента.

Видимо, он должен работать, хотя: http://jsfiddle.net/6gb2k/

Try:

elementlink.addEventListener('onclick', function(e) { ... }, false); 

или уборщик:

var handleClick = function(e) { 
    ... 
} 
elementlink.addEventListener('onclick', handleClick, false); 

Ваш выше код должен работать, однако в соответствии с комментарием @ раздавить и моей скрипкой.