Set own variable in js style object

Question

I want to submit my own variable in the style object. I will show you what I mean:

var example = background
element.style.example // example is equal to the variable up top

Is there any with of doing this?

score 1 · Answer 1 · answered Nov 30 '16 at 19:40

1

You can use bracket notation

var example = "background";
element.style[example] = "#fff";

answered Nov 30 '16 at 19:40

adeneo

score 1 · Accepted Answer · answered Nov 30 '16 at 19:40

1

Assuming you want to define the property to be set dynamically, you could use the following approach:

var example = 'background';
element.style[example] = 'black';

answered Nov 30 '16 at 19:40

TimoStaudinger

Thank you for this fast answer, didn't know this was possible in JS. I tried `style{example}` and `style(example)` but I needed the `[ ]` – Roy Berris Nov 30 '16 at 19:42

2 Answers2