事件委托

ul.onclick = function(ev){

        var target = ev.target;

        //一直递归，直到你想要的元素 ul > li > span > em 针对这种层层结构的
        while(target != ul){
            if(target.tagName.toLowerCase() == 'li'){
                console.log('li click~');
                break;
            }
            target = target.parentNode;
        }

        //输出li
        console.log(target.textContent)

    }