点击li输出其innerHTML的几种方法

html代码如下：

<ul id="lll">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>

js实现方法：
1.传统方法

var ul = document.getElementById("lll");
lis = ul.getElementsByTagName("li");
for(var i=0; i<lis.length; i++){
    lis[i].onclick = function(){
        alert(this.innerHTML);
    }
}

2.（事件委托）事件代理

var ul = document.getElementById("lll");
ul.addEventListener("click", function(event){
    event = event || window.event;
    var target = event.target || event.srcElement;
    alert(target.innerHTML);
}, false);

3.ES6——let声明
注：let声明的变量具有块级作用域

var ul = document.getElementById("lll");
lis = ul.getElementsByTagName("li");
for(let i=0; i<lis.length; i++){
    lis[i].onclick = function(){
        alert(this.innerHTML);
    }
}

4.jQuery——delegate或on （都有事件代理的特性）

$("#lll").delegate("li", "click", function(){
    alert($(this).html);
});

$("#lll").on("click", "li", function(){
    alert($(this).html);
});