南港不秋 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 测距传感器数据手册i2c
  • ¥15 RPA正常跑，cmd输入cookies跑不出来
  • ¥15 求帮我调试一下freefem代码
  • ¥15 matlab代码解决，怎么运行
  • ¥15 R语言Rstudio突然无法启动
  • ¥15 关于#matlab#的问题：提取2个图像的变量作为另外一个图像像元的移动量，计算新的位置创建新的图像并提取第二个图像的变量到新的图像
  • ¥15 改算法，照着压缩包里边，参考其他代码封装的格式 写到main函数里
  • ¥15 用windows做服务的同志有吗
  • ¥60 求一个简单的网页(标签-安全|关键词-上传)
  • ¥35 lstm时间序列共享单车预测，loss值优化，参数优化算法