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;
});
});
相关截图:

问题描述:
老师,为什么这里的color,backgroundColor等属性名不能省略单引号呢?
1回答
同学你好,代码效果实现对的,针对同学的问题解答如下:
因为color等属性名是字符串,如果去掉引号,那就表示未被声明的变量,直接使用未被声明的变量会导致代码报错。所以需要添加引号包裹。
祝学习愉快~