3-10 编程练习

来源:3-10 编程练习

慕移动4506339

2022-07-26 17:15:34

<!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,
          const m1=new Map([
            [color, 'red'],
            [backgroundColor, 'yellow'],
            [fontSize, '40px']
          ])
        ],
        [
          p2,
          const m2=new Map([
            [color,'green'],
            [backgroundColor, 'pink'],
            [fontSize, '40px']
          ])
        ],
        [
          p3,
          const m3=new Map([
            [color,'blue'],
            [backgroundColor, 'orange'],
            [fontSize, '40px']
          ])
        ]
      ]);
      m.forEach((propObj, elem)=>{
          
          propObj.forEach((value,key)=>{
             
             elem.style[key] = propObj[key];  
          })
          
      });
      
         
      
 
        
        
    </script>
</body>
</html>

老师,哪里错了?

写回答

1回答

好帮手慕久久

2022-07-26

同学你好,代码有如下错误:

1、将数组中的对象换成Map时,不能使用const 声明,直接new就可以了,否则语法不对:

https://img.mukewang.com/climg/62dfb2210971acfd06500675.jpg

2、字体颜色等属性,应该是字符串形式,需要用引号包裹:

https://img.mukewang.com/climg/62dfb24b0936bd7907830697.jpg

3、forEach遍历Map时,value是属性值,直接用value:

https://img.mukewang.com/climg/62dfb291092de57106960208.jpg

祝学习愉快!

0

0 学习 · 15276 问题

查看课程

相似问题