passing a variable into style css for javascript

Question

I'm trying to set a margin-left using a variable in JavaScript. Is this possible? How can this be done?

The margin left needs to be the clientWidth of the text:

var hoverBubble = document.getElementById(id);
var linkWidth = link.clientWidth + 1;
hoverBubble.style.margin-left = linkWidth + 'px';

Did you notice the error in your browser's developer console? — I Hate Lazy
– I Hate Lazy, Commented Oct 22, 2012 at 2:16

Fabrício Matté · Accepted Answer · 2012-10-22 02:44:26Z

4

It is possible, you just have to camelCase style properties.

hoverBubble.style.marginLeft = linkWidth + 'px';

You just can't use an hyphen (minus sign) as in the question.

Otherwise the interpreter will "think" that you have a subtraction operation in the left-side of the assignment, which results in a syntax error.

You can see that error on proper debugging tools, such as Chrome Dev Tools (F12 in Chrome and select console) or Firebug (Install Firebug and press F12 on Firefox).

edited Oct 22, 2012 at 2:44

answered Oct 22, 2012 at 2:14

Fabrício Matté

70.3k27 gold badges135 silver badges168 bronze badges

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

Comments

Sushanth -- · Accepted Answer · 2012-10-22 02:15:10Z

0

Try this

hoverBubble.style.marginLeft = linkWidth + 'px';

answered Oct 22, 2012 at 2:15

Sushanth --

55.8k9 gold badges70 silver badges109 bronze badges

Collectives™ on Stack Overflow

passing a variable into style css for javascript

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related