将对象传递到函数[重复]

Question

在一个DOM操作练习中，我学习了如何使用纯JavaScript创建HTML元素。也就是像这样的东西：

document.createElement()
setAttribute()
appendChild()

我必须创建一个函数，允许用户将对象作为参数传入，以设置元素的属性。这个对象包含任意数量的键（属性）和值（属性值）。即属性可以是“src”，值可以是“image.jpg”。类似的东西。用户可以在调用函数时向此对象传递任意多的属性。

附带说明，对代码和JS都很新，请原谅我：P

Answer 1

let attributes = {
   "class": "some-class",
   "id": "unique-id",
  "style": "border: 1px solid tomato"
}

let title = document.createElement("h1");
title.textContent = "Title!";

Object.keys(attributes).forEach( key  => {
  title.setAttribute( key, attributes[key] );
  // key is elem
  // value is attributes[key]
});

document.body.appendChild( title );

希望这能有所帮助。