So ändern Sie die Zoom-Eigenschaft durch JavaScript

Question

Gibt es eine Möglichkeit, den Zoom-Wert durch JS zu ändern. Ich versuche, etwas in der Art zu tun:

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

Danke für Hilfe.

Answer 1

Ich habe keine Ahnung, was die Zoom-Eigenschaft ist, aber wenn man in einem <div> vergrößern möchten, sollten Sie die CSS transform:scale(x) Eigenschaft verwenden, aber diese Eigenschaft über js wie folgt gesetzt werden könnte:

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

https://jsfiddle.net/og2tqez3/

können Sie den 1.5 Wert auf den Betrag, den Sie durch zoomen möchten ändern, 1.5 bedeutet 150%, etc ... jedoch vorsichtig sein, wenn diese Eigenschaft mit js Einstellung, da Sie buchstäblich keine andere Transformationen auf diesem Element überschreiben In diesem Fall shou ld stellen Sie den alten Wert zu transformieren und den Zoomwert und trennen sie mit Leerzeichen wie folgt aus:

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

Meine schlecht, so weiß ich jetzt, was die zoom Eigenschaft ist, aber scale mehr breit abgestützt ist und optimal.

Answer 2

Ich habe gerade eine Lösung gefunden. Ich habe die Klasse gewechselt.

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