3-10编程练习

来源:3-10 编程练习

柠檬楠

2021-04-01 15:59:32

相关代码:

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;

});
});

相关截图:

http://img.mukewang.com/climg/60657ce50944009c03360355.jpg

问题描述:

老师,为什么这里的color,backgroundColor等属性名不能省略单引号呢?

写回答

1回答

好帮手慕慕子

2021-04-01

同学你好,代码效果实现对的,针对同学的问题解答如下:

因为color等属性名是字符串,如果去掉引号,那就表示未被声明的变量,直接使用未被声明的变量会导致代码报错。所以需要添加引号包裹。

祝学习愉快~

0

0 学习 · 15276 问题

查看课程

相似问题