JS中创建10个a标签,点击d出对应的序号

JS中创建10个a标签,点击d出对应的序号,第1张

解题:

for (let i = 1i <= 10i++) {

        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,d出数字

难点:

i的值,如果是全局作用域下的i,那么每次d出的都是循环的最后一个i

所以i的值,必须是快级作用域下的i 正好用es6中的let 来声明变量i

var a = document.getElementsByTagName("a").length

a > 10 && (document.getElementById("div").style.display = "block")

显示的是一个应用了#div的div,能看懂吧


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11611170.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存