JavaScript zoom

Question

我正在試圖實現縮放效果，您可以在這裏看到：http://x3dom.org/x3dom/example/x3dom_x3dElementCSSIntegration.html。

所以，我有一個簡單的元素（它並不重要，這是x3d的例子，真的），我想通過點擊一個按鈕來放大到全屏尺寸，然後減少回它的原始尺寸再次點擊該按鈕後。我非常感謝在JavaScript中對此進行編碼的任何幫助。我已經看過這個例子中的頁面源代碼，並試圖讓它在我的項目中工作，但是我對JavaScript很不好，我似乎無法使它工作。

此外，我試着用谷歌搜索，但我發現的所有例子都比我需要更奇特。

Answer 1

以下類似的東西應該可以工作。

HTML：

<div id="zoomable" class="resizable"> 
content 
</div> 

CSS：

.resizable { 
position: relative; 
} 
.resizable.zoomed { 
position: absolute; 
left: 0px; 
top: 0px; 
right: 0px; 
bottom: 0px; 
} 

的JavaScript：

document.getElementById('zoomable').className = "resizable zoomed";