使用javascript更改外部CSS文件的身體屬性「縮放」值

Question

我試圖改變我在身體選擇器上的外部CSS文件中的縮放屬性的值。這個縮放設置爲100％，對於所有鏈接了CSS文件的HTML文檔都是通用的。我想要做的是： 我在HTML文檔中有一個鏈接。

<a onClick="zoom('80%')">80%</a> 

JavaScript函數是這個：

function zoom(zoom) 
{ 
    $("a").click(function() 
    { 
     $('body').css('zoom','80%'); 
    }); 

} 

我想這個做的是，通過點擊鏈接，它會調用該函數發送80％到函數什麼。那麼，什麼我想要的功能做的，就是進入我的外部CSS並用80％替代100％：

body                   
{ 
    zoom: 100%; 

} 

我真的不知道如何做到這一點，所以我要求你們！這是我正在參加的網頁設計課程的最後一項任務的一部分，所以我真的希望它能夠工作！

Answer 1

你問這樣做：How can I scale an entire web page with CSS?

這與這樣的JavaScript實現，但用適當的風格taging：

document.getElementById('image').style.width = "80%"; 
document.getElementById('image').style.height = "80%";