老师，这样对吗？

来源：3-10 编程练习

五维码

2021-04-03 11:29:27

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p>1</p>
    <p>2</p>
    <p>3</p>
    <script>
        const [p1, p2, p3] = document.querySelectorAll('p')

        // 在此补充代码

        // 获取css样式函数
        let getcss = (color, bgc, size) => {
            let m = new Map([
                ['color', color],
                ['backgroundColor', bgc],
                ['fontSize', size],
            ]);
            return m
        }

        const m = new Map([
            [p1, getcss('red', 'yellow', '40px')],
            [p2, getcss('green', 'pink', '40px')],
            [p3, getcss('blue', 'orange', '40px')],
        ]);

        m.forEach(function (propObj, elem) {
            propObj.forEach(function (value, key) {
                elem.style[key] = value;
            });
        });
    </script>
</body>

</html>