基于当前大小（根元素的）增加javascript中根元素的字体大小

我使用rem单位在CSS中定义字体大小，我想使用javascript向最终用户提供更改字体大小的选项

我可以使用预定义的字体大小，并使用以下功能更改字体大小：

document.documentElement.style.fontSize = "67.5%"

我想做的是改变字体大小作为当前字体大小的一个因素。基本上如下所示：

document.documentElement.style.fontSize = Number(document.documentElement.style.fontSize) + Number(5) + "%"

我该如何实现这一目标

---

拨弄：鉴于rem单位是基于

元素的

字体大小，在您的情况下，您应该能够更改
字体大小，并观察其他字体大小的变化

我可以使用以下代码：

jQuery(document).ready(function() { jQuery('html').css('font-size', '24px'); });

（
24px
可以用任何大小替换。）
鉴于rem单位基于
元素的
font size
，在您的情况下，您应该能够更改该
font size
并观察其他字体大小的变化

我可以使用以下代码：

jQuery(document).ready(function() { jQuery('html').css('font-size', '24px'); });

（
24px
可以用任何大小替换。）
纯javascript类似于

var root = document.querySelector(":root");

root.style.fontSize = "25px";

更新：使用

纯javascript将类似于

var root = document.querySelector(":root");

root.style.fontSize = "25px";

更新：使用

问题不在于更改字体大小，而在于更改与当前字体大小相关的字体大小。我想将当前字体大小增加10%（例如）。我该怎么做？如果这是你想要的，请接受答案！您好，我接受了jquery答案，我只能将一个答案标记为已接受（尽管在本例中，两个答案都是正确的）。对不起，问题不在于更改字体大小，而在于更改与当前字体大小相关的字体大小。我想将当前字体大小增加10%（例如）。我该怎么做？如果这是你想要的，请接受答案！您好，我接受了jquery答案，我只能将一个答案标记为已接受（尽管在本例中，两个答案都是正确的）。对不起，问题不在于更改字体大小，而在于更改与当前字体大小相关的字体大小。我想将当前字体大小增加10%（例如）。我该怎么做？您可以使用
parseInt（jQuery（'html'）.css（'font-size'））
获取现有的
font-size
，然后将其用作参考。这是一个更新的。问题不在于更改字体大小，而在于更改与当前字体大小相关的字体大小。我想将当前字体大小增加10%（例如）。我该怎么做？您可以使用
parseInt（jQuery（'html'）.css（'font-size'））
获取现有的
font-size
，然后将其用作参考。这里是一个更新的。