老师，请检查代码
来源：3-10 编程练习
sheep121
2020-09-16 14:42:59
<!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 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 [p1,p2,p3]=document.querySelectorAll('p');
const mp1=new Map([
['color','red'],
['backgroundColor','yellow'],
['fontSize','40px']
]);
const mp2=new Map([
['color','green'],
['backgroundColor','pink'],
['fontSize','40px']
]);
const mp3=new Map([
['color','blue'],
['backgroundColor','orange'],
['fontSize','40px']
]);
const m = new Map([
[p1,mp1],
[p2,mp2],
[p3,mp3]
])
m.forEach((propM,elem)=>{
propM.forEach((value,property)=>{
elem.style[property]=value;
})
});
</script>
</body>
</html>
1回答
-
好帮手慕码
2020-09-16
同学你好，效果实现的不错，继续加油，祝学习愉快~
0
相似问题