1.事件委托.js 604 B

1234567891011121314151617181920212223
  1. var list = document.getElementById("list");
  2. var btn = document.getElementById("btn");
  3. var lis = document.getElementsByTagName("li");
  4. // for(var i=0;i<lis.length;i++) {
  5. // lis[i].onclick = function() {
  6. // console.log(this.innerHTML)
  7. // }
  8. // }
  9. list.onclick = function(event) {
  10. // console.log(event.target)
  11. if(event.target.tagName == 'LI') {
  12. console.log(event.target.innerHTML)
  13. }
  14. }
  15. btn.onclick = function() {
  16. var newLi = document.createElement("li");
  17. newLi.innerHTML = Math.round(Math.random()*9 + 1);//随机获取1-10的整数
  18. list.appendChild(newLi);
  19. }