Use Javascript variable in element's style property

Question

function move(direction, el) {
    el.style.direction = (el.style.direction+10)+'px';
}

I have this very simple function that moves an element by 10 pixels in a specified direction. Now it errors if i use this, I'm thinking I can't use direction as a variable in this situation. Is this right?

And what error? Do we need to guess?

zerkms
– zerkms

2012-05-14 23:36:40 +00:00
Commented May 14, 2012 at 23:36 — zerkms
– zerkms, Commented May 14, 2012 at 23:36
developer.mozilla.org/en/JavaScript/Reference/Operators/…

Bergi
– Bergi

2012-05-15 00:58:45 +00:00
Commented May 15, 2012 at 0:58 — Bergi
– Bergi, Commented May 15, 2012 at 0:58

John Kalberer · Accepted Answer · 2012-05-14 23:37:37Z

1

You need to access the style property like this:

function move(direction, el) {
    el.style[direction] = (el.style.direction+10)+'px';
}

As long as direction is a string.

answered May 14, 2012 at 23:37

John Kalberer

5,8001 gold badge25 silver badges27 bronze badges

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

Collectives™ on Stack Overflow

Use Javascript variable in element's style property

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