javascript - 如何使用纯 JavaScript 在内联 CSS 规则中插入变量？

Question

我在代码的前面计算了 x 变量，我想在 div 的内联样式中插入该变量值，但它不起作用，尽管如果我插入像“100px”这样的常量，它会完美地工作。

var x;  
document.getElementById("block").style.position = "fixed";  
document.getElementById("block").style.left = x;  

注意:我想在不使用 jquery 的情况下让它工作，因为我在网站上只使用了几个脚本，在我的情况下链接一个大库是没有用的。

Answer 1

如果您是来这里查看如何设置 CSS variables在内联样式中，给你:

element.style.setProperty("--my-var", jsVar + 4);