javascript - 样式值的构造字符串不起作用

function tickleTux() {

var tuxImg = document.getElementById('tux');

tuxImg.style.transition = "transform .5s";

tuxImg.addEventListener('click', itTickles, false);

function itTickles() {

    var addRotation = 10;

    var rotationValue = '"' + 'rotate' + '(' + addRotation + 'deg' + ')' + '"'

    tuxImg.style.transform = rotationValue;

     console.log(rotationValue);
}

基本上，这会为img添加旋转样式并使其旋转。

我只想知道为什么以这种方式将值添加到transform属性不起作用。为什么？

console.log命令将输出：“ rotate（10deg）”

那么是什么阻止了它的运行呢？某种规则？

谢谢你的帮助。

最佳答案

该值周围不应包含"。

var rotationValue = 'rotate(' + addRotation + 'deg)';