检查一下
来源: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
同学你好,测试同学提供的代码,是没有实现效果的,原因是参数不对,需要传递是二维数组,修改如下:
在之前的课程中老师有说明这个问题,同学可以去回顾下,链接:https://class.imooc.com/lesson/1636#mid=38237
祝学习愉快~
相似问题