将变量传递给javascript的样式css

Question

我正在尝试使用JavaScript中的变量设置margin-left。这可能吗？如何才能做到这一点？

左边距需要是文本的clientWidth：

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

Answer 1

有可能，你只需要camelCase样式属性。

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

---

你不能在问题中使用连字符（减号）。

否则，解释器将“认为”在赋值的左侧有一个减法运算，这会导致语法错误。

您可以在正确的调试工具上看到错误，例如Chrome Dev Tools（Chrome中的F12和选择控制台）或Firebug（安装Firebug并在Firefox上按F12）。

Answer 2

试试这个

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