javascript - 使用变量通过 javaScript 设置样式

标签 javascript css

function Scale(){
    X = innerWidth / 1024;
    Y = innerHeight / 768;

    Z = document.getElementById("IFM");
    Z.style.transform = "scale(X, Y)";
}

我对这段代码有疑问。我不能在比例中使用变量!
我该怎么办?

最佳答案

JavaScript 没有内联字符串变量。您所能做的就是连接字符串:

Z.style.transform = "scale("+X+", "+Y+")";

数字将被隐式转换为字符串。

您不妨使用一些自定义的 sprintf-like格式或替换方法,但通常与 + 连接更简单。

关于javascript - 使用变量通过 javaScript 设置样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14675820/

相关文章:

javascript - 检测从集合主干中删除的模型

javascript - 仅匹配给定字符串中单词序列中的字符

javascript - 如果不为空,则将对象的所有值从整数替换为字符串

Javascript 通过 data-id 获取内容

html - 我怎样才能让这个表格跨越两个元素之间的空间的整个宽度?

CSS3 动画不工作

javascript - 为什么在 karma 和 jasmine 中运行测试时 fs.readFile 不是一个函数?

javascript - 如何创建带有复选框的选择框

javascript - 如何使用显示 ="none"显示隐藏的元素,这些元素存储在数组中而不丢失其旧属性

html - 在父 div 悬停时填充 SVG(无 JS)