setting a style using a string value javascript

Question

Hi i want to know if there is a way of setting a style of on object through javascript using a string, i don't know how to explain it very well hopefully my code will

function updateElementFromValue(inputval, valueOfStyle)
{
  selectedActiveElement.style.valueOfStyle = inputval.value + "px";
}

so i have this function and when i call it, inputval will be an input field and valueOfStyle will be passed as top or left or width etc so it effectively becomes, ignore selectedActiveElement as it is a global object.

  selectedActiveElement.style.top = 200 + "px";

i figure im not calling it right but i think their is a way of doing this.

Thanks for you help

selectedActiveElement.style[valueOfStyle] = inputval.value + "px"; ? — deadulya
– deadulya, Commented Jan 15, 2015 at 12:59

rofrischmann · Accepted Answer · 2015-01-15 13:02:31Z

2

You can use the setProperty function
element.style.setProperty(valueOfStyle, inputval.value + "px")

Also you're able to do sth. like this:
element.style[valueOfStyle] = inputval.value + "px"
but I would not recommend it since not every browser supports that.

answered Jan 15, 2015 at 13:02

rofrischmann

3492 silver badges9 bronze badges

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

Collectives™ on Stack Overflow

setting a style using a string value javascript

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