JavaScript习题（在浏览器页面l输出一段文字，点击哪个文字，在控制台输出哪个文字）

最新推荐文章于 2021-12-03 11:53:22 发布

中国的流浪猫

最新推荐文章于 2021-12-03 11:53:22 发布

阅读量422

点赞数

文章标签： html javascript

本文链接：https://blog.csdn.net/weixin_46611729/article/details/107046223

版权

以下是html页面的代码：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>中国的流浪猫</title>
    <link rel="stylesheet" type="text/css" href="regality.css">
</head>

<body>
    <ul>
        <li>a</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
        <li>9</li>
    </ul>
    <script type="text/javascript" src="lesson.js">
    </script>
</body>

</html>

以下是JavaScript页面的代码：

var li = document.getElementsByTagName('li');
for (var i = 0; i < li.length; i++) {
    (function(i) {
        li[i].addEventListener('click', function() {
            console.log(this.textContent);
        }, false);
    }(i))
}

中国的流浪猫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript习题（在浏览器页面l输出一段文字，点击哪个文字，在控制台输出哪个文字）

以下是html页面的代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>中国的流浪猫</title> <link rel="stylesheet" type="text/css" href="regality.css"></head><body> <ul>
复制链接

扫一扫