javascript - 如何编写脚本以使用 Javascript 重置默认字体大小？

Question

这与这个问题有关。

下面的脚本给出了答案，将字体大小重置为默认值：

function resetToDefaultFontSize() {
   var p = document.getElementsByTagName('div');
   for(i=0;i<p.length;i++) {
      p[i].style.fontSize = "12px";
   }
}

这适用于只有一种字体大小为 12 像素的页面。如何修改脚本以在同一页面上允许最多三种不同的字体大小？

Answer 1

试试 fontSize = "inherit";

Answer 2

首先，我会使用 CSS 将我的 body font-size 设置为 75%。这会将整体字体设置为 12px。完成此操作后，您可以使用：

fontSize = '1em';

所以我的 JavaScript 看起来像：

function resetToDefaultFontSize() {
    var body = document.getElementsByTagName('body')[0];
    body.style.fontSize = '1em';
}

如果您使用这种技术，您需要确保页面上的所有其他字体大小都使用 em 单位。