javascript - 将变量传递给 javascript 的样式 css

Question

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

左边距需要是文本的clientWidth：

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

Answer 1

有可能，你只需要驼峰式风格的属性。

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

---

您不能像问题中那样使用连字符（减号）。

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

您可以在适当的调试工具上看到该错误，例如Chrome 开发工具（Chrome 中的 F12 并选择控制台）或Firebug（安装 Firebug 并在 Firefox 上按 F12）。

Answer 2

尝试这个

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