如何在打字稿中更改css样式?

时间:2017-09-28 13:01:14

标签: javascript css typescript

在打字稿中如何改变css样式就像我这样做?

$(".s-hand").css("transform", "translate(-50%, -100%) rotate(" + s*6 + "deg)");

var hourPointer   = document.querySelector('.hour')
hourPointer.style[transform]   = `rotate(${hour}deg)`;

因为我不知道如何实现这个目标..

2 个答案:

答案 0 :(得分:4)

必须这样做:

let shand = document.getElementsByClassName('s-hand') as HTMLCollectionOf<HTMLElement>;

if (shand.length != 0) {
  shand[0].style.transform = "translate(-50%, -100%) rotate(" + s * 6 + "deg)";
}

答案 1 :(得分:0)

您可以使用下面提到的简单JavaScript进行操作:

document.getElementsByClassName('s-hand').style.transform = 'translate(-50%, -100%) rotate(" + s*6 + "deg)';

对于任何查询,请发表评论