如何通過JavaScript更改縮放屬性

Question

是否有機會通過JS更改縮放值。我試圖做這樣的事情：

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

感謝您的幫助。

Answer 1

我不知道zoom屬性是什麼，但如果你想在一個<div>放大，你應該使用CSS transform:scale(x)屬性，但你可以像這樣通過JS設置該屬性：

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

https://jsfiddle.net/og2tqez3/

你可以改變1.5值要通過縮放量，1.5是指150％，等...設置該屬性與JS時 但是要小心，因爲你從字面上覆蓋該元素上的任何其他轉換在這種情況下，你是守侯的LD設置的舊變換值和變焦值，並用這樣的空格它們分開：

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

我的壞，所以我現在知道zoom性質是什麼，但scale更廣泛的支持和優化。

Answer 2

我剛剛找到解決方案。我改變了班級。

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