構造字符串的樣式值不起作用

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命令打印出：「旋轉（10deg）」

那麼是什麼功能從停止它？某種規則？

感謝您的幫助。

來源

2016-09-09 Edson

該值不應包含圍繞它的"。

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

來源

2016-09-09 19:32:56 Barmar

啊，謝謝。我認爲它需要它們，因爲它只需使用默認值：element.style.transform =「rotate（10deg）」;句法。 – Edson

構造字符串的樣式值不起作用

回答

相關問題