如何通过JavaScript更改缩放属性

Question

是否有机会通过JS更改缩放值。我正在尝试做这样的事情：

document.getElementsById("div").style.zoom="150%";

感谢您的帮助。

Answer 1

我不知道缩放属性是什么，但是如果你想放大<div>，你应该使用css transform:scale(x)属性，但你可以通过这样的js设置这个属性：

document.getElementsById("elementId").style.transform ="scale(1.5)";

https://jsfiddle.net/og2tqez3/

您可以将1.5值更改为您想要缩放的数量，1.5表示150％等等... 但是在使用js设置此属性时要小心，因为你实际上会覆盖该元素上的任何其他变换，在这种情况下，你应该设置旧的变换值和缩放值，并用以下空格分隔它们：

document.getElementsById("elementId").style.transform ="scale(1.5) transform:translate(0,-50%)";

我的不好，所以我现在知道zoom属性是什么，但scale得到了更广泛的支持和最优。

Answer 2

我刚刚找到解决方案。我改变了班级。

document.getElementById(div).className = "class";