如何用js获取div下的A标签,并自动点击超链接

JavaScript012

如何用js获取div下的A标签,并自动点击超链接,第1张

需要准备的材料分别是:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,并且其中有一个div中有a标签。

2、在index.html的<script>标签中,输入js代码:window.location.href = 'http://' + $('div a').attr('href')。

3、浏览器运行index.html页面,此时取出了div中a标签中的百度知道链接并自动点击跳转了。

解题:

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

难点:

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

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