How to put arguments onto setAttribute function in vanilla JS

Question

I have some function like below, that sets inline css attribute to the elements. It's kinda very simplified JQuery's .css() method:

function cssSetAttr(styleName, value) {
   for (var i = 0, n = someObject.length; i < n; i++) {
        someObject[i].setAttribute('style', [styleName][value]);
}
someObject.cssSetAttr('color', 'red');

Problem is how to put arguments into setAttribute like this:

setAttribute('style', 'styleName: value')

I'd suggest creating a different function for styling properties. Then you can call it like this: setCSS('propertyName', 'value') and use this internally within the function: element.style[propertyName]. This has the benefit that you can call it multiple times on the same element without overwriting any previous values. — Rory McCrossan
– Rory McCrossan, Commented Jul 10, 2018 at 10:48

cheesestringer · Accepted Answer · 2018-07-10 10:59:28Z

2

You can use template literals

setAttribute('style', `${styleName}: ${value}`);

edited Jul 10, 2018 at 10:59

answered Jul 10, 2018 at 10:55

cheesestringer

507 bronze badges

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

Collectives™ on Stack Overflow

How to put arguments onto setAttribute function in vanilla JS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related