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

Question

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 添加旋转样式并使其旋转。

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

console.log 命令打印出:“rotate(10deg)”

那么是什么阻止了它的功能呢？某种规则？

感谢您的帮助。

Answer 1

值周围不应包含 "。

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