Javascript将转换添加为内联样式

我有一个简单的问题：如何通过JavaScript将转换添加为内联样式？在过去的一个小时里，我一直在试图解决这个问题，也一直在到处搜索，但都没有效果。这是我的密码：

HTML:

JavaScript:

 var windowWidth = $(window).width();
 var centerDistance = windowWidth / 2;
 var targets = $(".slide");
 var inlineTransform = '"' + "translateZ(" + centerDistance + "px)" + '"';
 for (var i = 0; i < targets.length; i++) {
     targets[i].style.WebkitTransform = inlineTransform;
     targets[i].style.msTransform = inlineTransform;
     targets[i].style.transform = inlineTransform;
 }

var windowWidth=$（window.width（）；
var中心距=窗宽/2；
var目标=$（“.slide”）；
var inlineTransform=''''+'translateZ（“+centerDistance+”px）'+''；
对于（变量i=0；i

根据w3schools，没有拼写错误，所有前缀都是正确的：

---

语法也应该正确。我没有收到任何错误消息，如果我使用其他样式，则此代码有效。

您不需要在该字符串中添加额外的引号。字符串就是字符串。代码中的字符串文字只需要引号，而您已经有了引号

以下是jQuery版本：

var centerDistance = $(window).width() / 2;
var t = "translateZ(" + centerDistance + "px)";
var style = {
  WebkitTransform: t,
  msTransform: t,
  transform: t
};
$(".slide").css(style);

---

您正在将引号添加到字符串的外部。你不需要这些，“根据学校的说法……”不！糟糕！W3Schools不是一个权威的文档来源，也没有附属关系，这是完全不同的。W3Schools有一个，以及欺骗性的品牌，不应该被信任。像一个魅力工程！非常感谢。

var centerDistance = $(window).width() / 2;
var t = "translateZ(" + centerDistance + "px)";
var style = {
  WebkitTransform: t,
  msTransform: t,
  transform: t
};
$(".slide").css(style);