美文网首页
排他思想(算法)

排他思想(算法)

作者: 情安 | 来源:发表于2022-10-12 18:34 被阅读0次
    <button>按钮1</button>
    <button>按钮2</button>
    <button>按钮3</button>
    <button>按钮4</button>
    <button>按钮5</button>
    <script>
        // 1. 获取所有按钮元素
        var btns = document.getElementsByTagName('button');
        // btns得到的是伪数组  里面的每一个元素 btns[i]
        for (var i = 0; i < btns.length; i++) {
            btns[i].onclick = function() {
                // (1) 我们先把所有的按钮背景颜色去掉  干掉所有人
                for (var i = 0; i < btns.length; i++) {
                    btns[i].style.backgroundColor = '';
                }
                // (2) 然后才让当前的元素背景颜色为pink 留下我自己
                this.style.backgroundColor = 'pink';

            }
        }
        //2. 首先先排除其他人,然后才设置自己的样式 这种排除其他人的思想我们成为排他思想
    </script>

相关文章

  • JavaScript第三天

    排他操作 排他思想 如果有同一组元素,我们想要某一个元素实现某种样式, 需要用到循环的排他思想算法: 所有元素全部...

  • 02JavaScript-dom操作

    排他思想 如果有同一组元素,我们想要某一个元素实现某种样式, 需要用到循环的排他思想算法: 所有元素全部清除样式(...

  • 排他思想

    先清空所有的,然后单独设置当前; 基于 for 循环来实现的排他思想;

  • 排他思想

    排他 p {width: 100px;height: 100px;back...

  • 排他思想

    排他思想

  • javascript排他思想

    排他思想: 干掉所有人,设置我自己,先将所有人全设置为"",然后再设置当前的值 1、含义: 关于排他思想,我的理解...

  • Javascript排他思想

    改進

  • JS之排他思想

    干掉所有人,留下我自己 HTML 按钮1 按钮2 按钮3 按钮4 JS 1.先获取所有按钮元素let b...

  • 操作元素--排他思想

    如果有同一组元素,我们想要某一个元素实现某种样式,需要用到循环的排他思想算法:1.所有元素全部清除样式2.给自己(...

  • Web API -- 排他操作

    1.1. 排他操作 1.1.1 排他思想 如果有同一组元素,我们想要某一个元素实现某种样式, 需要用到循环的排他思...

网友评论

      本文标题:排他思想(算法)

      本文链接:https://www.haomeiwen.com/subject/cdwfzrtx.html