老师 请检查,另外请问一下这样的封闭写法是怎么写的?就是只有一个接口传style的值。

来源:3-10 编程练习

帅得无心敲代码

2021-02-25 22:31:36

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<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>
let [p1, p2, p3] = document.querySelectorAll("p");
let func = (...agrs) => {
let obj = new Map(
agrs
);
return obj;
}
let m = new Map([
[p1, func(['color','red'],["backgroundColor", "yellow"],["fontSize", "40px"],["width", "200px"])],
[p2, func(['color','green'],["backgroundColor", "pink"],["fontSize", "40px"],["width", "200px"])],
[p3, func(['color','blue'],["backgroundColor", "orange"],["fontSize", "40px"],["width", "200px"])]
]);
m.forEach((obj, elem) => {
obj.forEach((color,prope) => {
elem.style[prope] = color;
});
});
</script>
</body>
</html>


写回答

1回答

好帮手慕夭夭

2021-02-26

同学你好,代码实现正确。另外,没有太理解同学所说的效果,请具体说一下,以便老师解答。

祝学习愉快~

0

0 学习 · 15276 问题

查看课程