js语言：排他代码附图片

太过爱你忘了你带给我的痛 2022-02-27 13:54 159阅读 0赞

点击任意一张图片，其他图片不变，被点击的图片改变，及其他图片不受影响。

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>小小争520</title>
        <style>
            div{
                width: 200px;
                height: 200px;
                background-color: #a71d5d;
                float: left;
                margin-left: 50px;
            }
        </style>
    </head>
    <body>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <script>
        var divs=document.getElementsByTagName('div')
        for(var i=0;i<divs.length;i++){
            divs[i].function () {
              for(var j=0;j<divs.length;j++){
                  divs[j].style.backgroundColor='#a71d5d'
              }
              this.style.backgroundColor='yellow'
            }
        }
    </script>
    </body>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY3NTM4NA_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY3NTM4NA_size_16_color_FFFFFF_t_70]: /images/20220227/48b372dbe96941a69cb75795fce82df3.png

发表评论取消回复

表情：

评论列表（有 0 条评论，159人围观）

还没有评论，来说两句吧...

相关阅读

相关 Mysql InnoDB 排他锁

Mysql InnoDB 排他锁用法：select … for update; 例如：select \ from goods where id = 1 for upd

水深无声/ 2024年03月02日 10:54/ 0 赞/ 79 阅读

相关排他思想

1.先干掉其他人 2.留下我自己（设置想要的效果） <button>按钮1</button> <button>按钮2</button>

缺乏、安全感/ 2023年06月24日 04:53/ 0 赞/ 11 阅读

相关原生js实现Tab切换(排他)功能

原生js实现Tab切换(排他)功能在前端的面试中，一旦遇到笔试题，基本上都会有Tab切换，今天我们来说一下如何使用原生js实现Tab切换功能。如图： ![在这里插入

旧城等待，/ 2023年02月13日 12:27/ 0 赞/ 84 阅读

相关 Jquery 排他思想

<div id="mydiv"> <button>按钮</button> <button>按钮</button> <button>按钮</

本是古典何须时尚/ 2023年01月09日 15:58/ 0 赞/ 122 阅读

相关 Activiti排他网关

执行到该网关，根据条件只能走一条执行线路； ![Center][] 根据请假天数，来具体让谁来审批，请假天数小于3天，项目组长审批；请假天数小于7天，大于等于

青旅半醒/ 2022年09月29日 04:26/ 0 赞/ 250 阅读

相关 Swiper.js响应式单排图片滚动jQuery代码

[下载地址][Link 1]jQuery基于Swiper制作响应式的图片列表左右滚动，悬停图片遮罩文字切换效果。适用于项目解决方案产品列表响应式布局代码。 ![1630061

小灰灰/ 2022年09月09日 01:57/ 0 赞/ 165 阅读

相关 js访问关系简单封装(getElement) 排他思想原理

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">

古城微笑少年丶/ 2022年07月13日 23:16/ 0 赞/ 132 阅读

相关他娘的快排

include <stdio.h> include <stdlib.h> void quick_sort(int a[],int l,int

小咪咪/ 2022年07月11日 13:21/ 0 赞/ 143 阅读

相关 js语言：排他代码附图片

点击任意一张图片，其他图片不变，被点击的图片改变，及其他图片不受影响。 <!DOCTYPE html> <html lang="en"> <head>

太过爱你忘了你带给我的痛/ 2022年02月27日 13:54/ 0 赞/ 160 阅读

相关 js ---实现排他效果

// 排他功能 let btn = document.getElementsByTagName('button'); for (let

àì夳堔傛蜴生んèń/ 2021年08月13日 22:38/ 0 赞/ 521 阅读