javascript - 使用 vanilla js 将 '-ms-transform' 和 '-webkit-transform' 添加到元素

Question

我正在删除 jQuery，并且需要能够使用 vanilla js 将这些 css 转换属性添加到元素中:

-ms-transform: scale(1.05); /* IE 9 */
-webkit-transform: scale(1.05); /* Safari */
transform: scale(1.05);

今天我用 jQuery 更改了代码，如下所示:

$(".my-class").css({
    '-ms-transform': 'scale(1.05)', /* IE 9 */
    '-webkit-transform': 'scale(1.05)', /* Safari */
    'transform': 'scale(1.05)',
})

问题是做类似的事情:

$element.style.-ms-transform = 'scale(1.05)'

但这不起作用👆

Answer 1

尝试这样做:

$element.style["-ms-transform"] = 'scale(1.05)'

请记住，您可以使用字符串访问数组等对象。 W3Schools page on Objects