检查一下

来源:3-10 编程练习

李泽双木林

2020-12-08 11:40:17

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

在这

<!DOCTYPE html>

<html>


<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,

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

        ]

      ]);


      m.forEach((propObj, elem) => {

          propObj.forEach((value,key)=>{

              elem.style[key] = value;

          });

      });

    </script>

</body>


</html>

里输入代码,可通过选择【代码语言】突出显示

写回答

1回答

好帮手慕言

2020-12-08

同学你好,测试同学提供的代码,是没有实现效果的,原因是参数不对,需要传递是二维数组,修改如下:

http://img.mukewang.com/climg/5fcf1ea10988eff812140578.jpg

在之前的课程中老师有说明这个问题,同学可以去回顾下,链接:https://class.imooc.com/lesson/1636#mid=38237

祝学习愉快~

0

0 学习 · 15276 问题

查看课程