请老师检查一下代码

来源:3-10 编程练习

激情的樱木花道

2021-07-03 15:01:08

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title></title>

</head>

<body>

    <p>1</p>

    <p>2</p>

    <p>3</p>

    <script type="text/javascript">

    // 获取p标签,并采用解构赋值传给变量

    const [p1,p2,p3]=document.querySelectorAll('p');

    // 封装函数

    function add(cor,bgcor,size){

        return new Map([

            ['color',cor],

            ['backgroundColor',bgcor],

            ['fontSize',size]

        ])

    }

    const prci=new Map([

        [p1,add('pink','blue','40px')],

        [p2,add('pink','green','40px')],

        [p3,add('pink','yellow','40px')]

    ])

    prci.forEach((omap,elem)=>{     

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

            elem.style[key]=value;

        })

    })

    </script>

</body>

</html>


写回答

1回答

好帮手慕星星

2021-07-03

同学你好,代码实现效果很棒。继续加油,祝学习愉快!

0

0 学习 · 15276 问题

查看课程