JavaScript从对象动态添加多个属性答案

【问题标题】：JavaScript adding multiple attributes from object dynamicallyJavaScript从对象动态添加多个属性
【发布时间】：2019-11-14 17:57:39
【问题描述】：

我创建了一个对象，其中包含要添加到 html 标记的属性列表。我想将这些添加到创建的元素中。这是代码

var up = {class:"upt", name:"positive_use",type:"text"};

createtextarea = document.createElement("TEXTAREA");

如何将这些对象添加到元素中。以及如何动态添加多个。

【问题讨论】：

你用setAttribute一一添加？

标签： javascript html forms loops dynamic

【解决方案1】：

你可以像这样使用setAttribute

var up={class:"upt", name:"positive_use",type:"text"};

let createtextarea = document.createElement('TEXTAREA');

createtextarea.setAttribute('class', up.class);
createtextarea.innerHTML = "TEST TEXT AREA";
createtextarea.setAttribute('name', up.name);
createtextarea.setAttribute('type', up.type);

document.body.appendChild(createtextarea);

【讨论】：

【解决方案2】：

您可以在 up 的对象键上运行 foreach 循环，然后使用 setAttribute 函数。

Object.keys(up).forEach((k) => createtextarea.setAttribute(k, up[k])) // k would be the "class","name","type") in every iteration.

【讨论】：

是的，谢谢。我用一个函数重新做了同样的事情来创建和添加这个