请老师检查

来源：3-10 编程练习

芜湖呼

2022-02-06 19:42:28

<!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,
          {
            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"]
                ])]
            ]);
        m.forEach((prop, elem) => {
            prop.forEach((value, key) => {
                elem.style[key] = value;
            })
        });
    </script>
</body>

</html>

写回答

1回答