老师请检查
来源：3-10 编程练习
ocean学前端
2022-12-14 10:41:10
<!DOCTYPE html>
<html lang="en">
<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,
{
color: 'red',
backgroundColor: 'yellow',
fontSize: '40px'
}
],
[
p2,
{
color: 'green',
backgroundColor: 'pink',
fontSize: '40px'
}
],
[
p3,
{
color: 'blue',
backgroundColor: 'orange',
fontSize: '40px'
}
]
]);
m.forEach((propObj, elem) => {
for (const p in propObj) {
elem.style[p] = propObj[p];
}
});
*/
// 在此补充代码
const func = (color, backgroundColor, fontSize) => {
const m1 = new Map([
["color", color],
["backgroundColor", backgroundColor],
["fontSize", fontSize],
]);
return m1;
};
const m = new Map([
[p1, func("red", "yellow", "40px")],
[p2, func("green", "pink", "40px")],
[p3, func("blue", "orange", "40px")],
]);
m.forEach((propObj, elem) => {
propObj.forEach((value, key) => {
elem.style[key] = value;
});
});
</script>
</body>
</html>
1回答
-
好帮手慕久久
2022-12-14
同学你好，代码正确，很棒，祝学习愉快！
0
相似问题