请老师检查一下代码。
来源：3-10 编程练习
廖可爱bongbong
2021-06-24 16:58:24
<!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 m = new Map([
[p1,new Map([
['color', 'red'],
['backgroundColor', 'pink'],
['fontSize', '40px']
])],
[p2,new Map([
['color', 'green'],
['backgroundColor', 'yellow'],
['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回答
-
同学你好，代码效果实现是对的，继续加油，祝学习愉快~
0
相似问题