请老师检查一下代码
来源:3-10 编程练习
激情的樱木花道
2021-07-03 15:01:08
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>1</p>
<p>2</p>
<p>3</p>
<script type="text/javascript">
// 获取p标签,并采用解构赋值传给变量
const [p1,p2,p3]=document.querySelectorAll('p');
// 封装函数
function add(cor,bgcor,size){
return new Map([
['color',cor],
['backgroundColor',bgcor],
['fontSize',size]
])
}
const prci=new Map([
[p1,add('pink','blue','40px')],
[p2,add('pink','green','40px')],
[p3,add('pink','yellow','40px')]
])
prci.forEach((omap,elem)=>{
omap.forEach((value,key)=>{
elem.style[key]=value;
})
})
</script>
</body>
</html>
1回答
好帮手慕星星
2021-07-03
同学你好,代码实现效果很棒。继续加油,祝学习愉快!
相似问题