使用javascript更改外部CSS文件的身体属性“缩放”值

我试图改变我在身体选择器上的外部CSS文件中的缩放属性的值。这个缩放设置为100％，对于所有链接了CSS文件的HTML文档都是通用的。我想要做的是：我在HTML文档中有一个链接。使用javascript更改外部CSS文件的身体属性“缩放”值

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

JavaScript函数是这个：

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

}

我想这个做的是，通过点击链接，它会调用该函数发送80％到函数什么。那么，什么我想要的功能做的，就是进入我的外部CSS并用80％替代100％：

body                   
{ 
    zoom: 100%; 

}

我真的不知道如何做到这一点，所以我要求你们！这是我正在参加的网页设计课程的最后一项任务的一部分，所以我真的希望它能够工作！

2014-05-09 ProShifu

嗯，为什么呢？我的意思是，可以使用'styleSheets'集合和大量的黑客入侵，但是......为什么？ –

你从中寻找什么效果？你想让它变成永久的，还是可能影响所有访问者？ – kitcar2000

*级联*样式表的全部要点是，您可以轻松地重写样式 - 远比进入样式表中更换样式更容易。 – Blazemonger

这与这样的JavaScript实现，但用适当的风格taging：

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

2014-05-09 16:29:24

我不明白这将如何帮助我，因为我不想更改ID。我想进入我的外部CSS文件，并在单击该链接时将主体seclector的属性值更改为80％。拥有80％的结果将是我的网站的缩放比例会降低，帮助屏幕分辨率较低的用户根据自己的需要调整页面。 – ProShifu

您不更改标识，您更改标识的属性。你在问什么，你如何将图像的伸展缩小？如果是这样，你可以直接从样式标签。您也可以按百分比来完成所有操作，而页面会根据您的需要进行缩放。 –

不，情况并非如此。当我在选择器“body”中更改缩放时，整个网站将缩小。这就是我想要实现的目标，因此屏幕尺寸小于1080p的用户将能够看到整个网站，而无需在x/y方向使用滚动条 – ProShifu

回答