for (let i = 1; i <= 10; i++) {
        let a = document.createElement('a')
        a.innerHTML = i + '<br>'
        document.body.appendChild(a)
        a.addEventListener('click', function(e) {
            e.preventDefault()
            alert(i)
  1. 创建10个a标签,肯定是先创建一个a标签,通过通过循环的方式,将数字1-10 赋值给a
  2. 点击a,弹出数字
    难点:
  • i的值,如果是全局作用域下的i,那么每次弹出的都是循环的最后一个i
  • 所以i的值,必须是快级作用域下的i 正好用es6中的let 来声明变量i