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就可以了,否则语法不对:

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

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

祝学习愉快!