I have a problem using a variable when modifying a css property

Question

I want to change a css property of a HTML element using Javascript. I can't find a solution to my problem. I would like to use the element with the id of CreateMenu, and apply the variable called value to the property specified by the type variable, but it doesn't seem to support variables.

edit: Type is the variable i want to use to get which property i want to edit.

function style(name, type, value) {
    document.getElementById("CreateMenu").style.type = value;
}

there is no style property called .type ... there may be one [type] though — Bravo
– Bravo, Commented Aug 19, 2021 at 10:26

SirOneOfMany · Accepted Answer · 2021-08-19 10:28:42Z

1

I did not test the following but you can access an object property by its key name this way:

function style(name, type, value) {
    document.getElementById("CreateMenu").style[type] = value;
}

answered Aug 19, 2021 at 10:28

SirOneOfMany

1,1026 silver badges16 bronze badges

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

1 Comment

SirOneOfMany Over a year ago

Mark my answer as correct, if it worked ;)

Bravo · Accepted Answer · 2021-08-19 10:36:28Z

1

Using object "dot" notation

document.getElementById("CreateMenu").style.type = value;

you're assigning to, literally .style.type

What you need to do in this case is use bracket notation

so

document.getElementById("CreateMenu").style[type] = value;

answered Aug 19, 2021 at 10:36

Bravo

6,3271 gold badge14 silver badges19 bronze badges

Collectives™ on Stack Overflow

I have a problem using a variable when modifying a css property

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