JavaScript adding multiple attributes from object dynamically

Question

I have created an object with a list of attributes to add to html tag. I wanted to add these to a created element. This is the code

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

createtextarea = document.createElement("TEXTAREA");

How to add these objects to the element. And how do you add more than one dynamically.

You add them one-by one using setAttribute?

Jeroen Heier
– Jeroen Heier

2019-07-04 03:53:39 +00:00
Commented Jul 4, 2019 at 3:53 — Jeroen Heier
– Jeroen Heier, Commented Jul 4, 2019 at 3:53

anuragb26 · Accepted Answer · 2019-07-04 04:11:12Z

0

You could run a foreach loop over the object keys of up and then use the setAttribute function.

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

answered Jul 4, 2019 at 4:11

anuragb26

1,47511 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Remix Protocol Over a year ago

Yeah thank you. I redid the same with a function to create and add this

Hien Nguyen · Accepted Answer · 2019-07-04 04:14:31Z

0

You can use setAttribute like this

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

edited Jul 4, 2019 at 4:14

answered Jul 4, 2019 at 4:08

Hien Nguyen

19k7 gold badges57 silver badges70 bronze badges

Collectives™ on Stack Overflow

JavaScript adding multiple attributes from object dynamically

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related