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

标签 javascript css inline-styles

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

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

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

最佳答案

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

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

关于javascript - 如何使用纯 JavaScript 在内联 CSS 规则中插入变量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18171752/

相关文章:

javascript - 网络浏览器 : Hide mouse cursor

javascript - 遍历我的主目录时出现 EPERM 错误的原因是什么?

html - 关于网页中可扩展的固定元素

html - 全屏固定背景图像滚动显示问题

css - ASP.NET MVC 内联样式转换

javascript - list 图标第 1 行不是,列 : 1, 意外标记

javascript - JavaScript 中的 `return cb()` 有缺点吗?

css - Bootstrap 侧边栏

html - 内联样式不在 IE7、8、9 中呈现

html - 如何在 html 表格中对齐一行中的数据单元格元素?