javascript - 在 javascript 中通过 arraylist 更改 css 值

Question

我想通过 JavaScript 更改我的 css 样式，就像我更改 transform: rotateZ(120deg);

<script>
    var Rotate = ['90deg','120deg','150deg','180deg','210deg','240deg','90deg','120deg','150deg','180deg','210deg','240deg'];
     function Time() {
         var marg, d, hour; 
         marg = document.getElementById("hand");  
         d = new Date(); 
         hour = d.getHours();
         for(i = 0; i < 12; i++) {
             if(hour == i) { 
                 var x=Rotate[i]; 
                 alert(x); 
                 marg.style.transform= "rotateZ(x)";
             }
         }
    }
</script>

alert(x) 有效，但 transform 无效。有什么方法可以使用数组列表来改变transform的值吗？

Answer 1

您正在使用“rotateZ(x)”。这里 x 不是该脚本的变量，因为您将其编写为字符串。变量必须写在 " 之外。

这样使用

var Rotate = ['90deg', '120deg', '150deg', '180deg', '210deg', '240deg', '90deg', '120deg', '150deg', '180deg', '210deg', '240deg'];

function Time() {
    var marg, d, hour;
    marg = document.getElementById("hand");
    d = new Date();
    hour = d.getHours();
    for (i = 0; i < 12; i++) {
      if (hour == i) {
        var x = Rotate[i];
        alert(x);
        marg.style.transform = "rotateZ("+x+")";
      }
    }