编程中排他思想的运用-CFANZ编程社区

编程中排他思想的运用

下面展示一些 内联代码片。
排他思想的精髓：先干掉所有人，再复活我自己。

需求：按哪一个按钮，哪一个按钮变红

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .red {
            background-color: red;
        }
    </style>
</head>
<body>
    <button>按钮</button>
    <button>按钮</button>
    <button>按钮</button>
    <button>按钮</button>
    <button>按钮</button>
    <button>按钮</button>
    <button>按钮</button>
    <button>按钮</button>
    <button>按钮</button>
    <button>按钮</button>
    <script>
        var btns = document.getElementsByTagName("button")
        // 这里的for是为给所有按钮注册事件
        for(var i = 0; i < btns.length; i++) {
            btns[i].onclick = function () {
                // 先干掉所有人
                for(var i = 0; i < btns.length; i++) {
                    // 类名直接为空就行了
                    btns[i].className=""
                }
                //复活自己
                this.className="red"
            }
        }
    </script>
</body>
</html>

0 条评论