请老师检查

来源：3-10 编程练习

慕数据5191420

2022-04-16 12:39:17

<!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')

        /*         const m = new Map([
                    [
                        p1,
                        {
                            color: 'red',
                            backgroundColor: 'yellow',
                            fontSize: '40px'
                        }
                    ],
                    [
                        p2,
                        {
                            color: 'green',
                            backgroundColor: 'pink',
                            fontSize: '40px'
                        }
                    ],
                    [
                        p3,
                        {
                            color: 'blue',
                            backgroundColor: 'orange',
                            fontSize: '40px'
                        }
                    ]
                ]);
        
                m.forEach((propObj, elem) => {
                    for (const p in propObj) {
                        elem.style[p] = propObj[p];
                    }
                }); */


        // 在此补充代码
        const m = new Map([
            [
                p1,
                new Map([
                    ['color','red'],
                    ['backgroundColor','yellow'],
                    ['fontSize','40px']
                ])
            ],
            [
                p2,
                new Map([
                    ['color','green'],
                    ['backgroundColor','pink'],
                    ['fontSize','40px']
                ])
            ],
            [
                p3,
                new Map([
                    ['color','blue'],
                    ['backgroundColor','orange'],
                    ['fontSize','40px']
                ])
            ]
        ]);
        console.log(m);
        m.forEach((propMap,elem)=>{

            propMap.forEach((value,key)=>{
                elem.style[key] = value;
            })

        })
    </script>
</body>

</html>

写回答

1回答