<body>
<ul>
</ul>
<button>点击动态生成li</button>
<script>
// 事件委托
// == 把我要做的事情委托给别人做
// == 因为我们的事件传播机制所以我们可以把子元素的事件委托给父元素来绑定
// 好处是
// 1 可以减少事件绑定次数
// 2 可以动态的给元素绑定事件
// 注意 元素的事件委托只能给HTML结构上的父级
// 父级必须存在
// var liS = document.querySelectorAll('li')
// for (var i = 0; i < liS.length; i++) {
// liS[i].onclick = function () {
// console.log(this.innerHTML)
// }
// }
var oUl = document.querySelector('ul')
var btn = document.querySelector('button')
btn.onclick = function () {
var li = document.createElement('li')
li.innerHTML = Math.random()
oUl.appendChild(li)
}
oUl.addEventListener('click', function (e) {
console.log(e.target.innerHTML)
})
</script>
</body>