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

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命令打印出：＆＃34; rotate（10deg）＆＃34;

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

感谢您的帮助。

Answer 1

该值不应包含"。

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