JavaScript добавление нескольких атрибутов из объекта динамически

Question

Я создал объект со списком атрибутов для добавления в HTML-тег. Я хотел добавить это к созданному элементу. Это код

var up = {class: "upt", name: "positive_use", тип: "text"};

createtextarea = document.createElement ("TEXTAREA");

Как добавить эти объекты в элемент. И как вы добавляете более одного динамически.

Answer 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);

Answer 2

Вы можете запустить цикл foreach над ключами объекта up, а затем использовать функцию setAttribute.

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