南港不秋 2021-10-30 22:25 采纳率: 100%
浏览 42
已结题

搞不明白这个哪里错了？

</head>
<style type="text/css">
li{
    list-style: none;
}
body{
        background: url(img/1.jpg) no-repeat center top;
    }
    *{
        padding: 0;
        margin: 0;
    }
    
.bu{
    overflow: hidden;
    margin: 100px auto;
    background-color: aliceblue;
    width: 410px;
    padding-top: 3px;
    
}

.bu li{
    float: left;
    margin: 0 1px;
    cursor: pointer;
}
.bu img{
    width:100px;
}

<body>
   <ul class="bu">
       <li><img src="img/1.jpg"></li>
    <li><img src="img/2.webp"></li>
    <li><img src="img/3.webp"></li>
    <li><img src="img/img1.jpg"></li>
   </ul>
   </style>
   <script type="text/javascript">
       var imgs =document.querySelector('.bu').querySelectorAll(img);
          //console.log(imgs);
         for(var i=0; i < imgs.lenght; i++){
           imgs[i].onclick =function (){
            console.log(this.src);
        }
   }
      </script>
</body>
  • 写回答

5条回答 默认 最新

  • 本堃不方 2021-10-30 22:39
    关注

    从哪复制的，我复制你的一堆错的

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        li {
            list-style: none;
        }

        body {
            background: url(img/1.jpg) no-repeat center top;
        }

        * {
            padding: 0;
            margin: 0;
        }

        .bu {
            overflow: hidden;
            margin: 100px auto;
            background-color: aliceblue;
            width: 410px;
            padding-top: 3px;

        }

        .bu li {
            float: left;
            margin: 0 1px;
            cursor: pointer;
        }

        .bu img {
            width: 100px;
        }
    </style>
</head>

<body>
    <ul class="bu">
        <li><img src="img/1.jpg"></li>
        <li><img src="img/2.webp"></li>
        <li><img src="img/3.webp"></li>
        <li><img src="img/img1.jpg"></li>
    </ul>
    <script type="text/javascript">
        var imgs = document.querySelector('.bu').querySelectorAll("img");
        console.log(imgs);
        for (var i = 0; i < imgs.lenght; i++) {
            imgs[i].onclick = function () {
                console.log(this.src);
            }
        }
    </script>

</body>

</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题？

问题事件

  • 系统已结题 11月14日
  • 已采纳回答 11月6日
  • 创建了问题 10月30日

悬赏问题

  • ¥20 软件测试决策法疑问求解答
  • ¥15 win11 23H2删除推荐的项目，支持注册表等
  • ¥15 matlab 用yalmip搭建模型，cplex求解，线性化处理的方法
  • ¥15 qt6.6.3 基于百度云的语音识别 不会改
  • ¥15 关于#目标检测#的问题：大概就是类似后台自动检测某下架商品的库存，在他监测到该商品上架并且可以购买的瞬间点击立即购买下单
  • ¥15 神经网络怎么把隐含层变量融合到损失函数中？
  • ¥15 lingo18勾选global solver求解使用的算法
  • ¥15 全部备份安卓app数据包括密码，可以复制到另一手机上运行
  • ¥20 测距传感器数据手册i2c
  • ¥15 RPA正常跑，cmd输入cookies跑不出来