老师,能讲解一下这段代码吗?或者讲解一下这节课老师最后留的问题,按map方式而不是对象方式展开
来源:3-9 Map的应用
weixin_慕斯卡0218278
2022-06-02 16:31:54
<script> let [p1, p2, p3] = document.querySelectorAll('p'); let m = new Map([ [p1,new Map([ ['color','red'], ['backgroundColor','skyblue'], ['fontSize','40px'] ])], [p2, new Map([ ['color', 'blue'], ['backgroundColor', 'yellow'], ['fontSize', '40px'] ])], [p3, new Map([ ['color', 'orange'], ['backgroundColor', 'pink'], ['fontSize', '40px'] ])] ]) m.forEach(function(currentValue,dom){ currentValue.forEach(function(Value,attr){ dom.style[attr] = Value }) }) </script>1回答
同学你好,对于你的问题解答如下:
1、这段代码就是通过两层遍历,给元素设置对应的属性,可以结合console.log输出结果,帮助自己更好的理解,示例:

2、同学粘贴的代码已经是使用Map实现的效果了,如下:

祝学习愉快~
相似问题