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

Question

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

我可以使用预定义的字体大小并使用以下函数更改字体大小：

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

我想要做的是将字体大小更改为当前字体大小的一个因素。基本上是这样的：

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

我该如何实现这一目标？

玩弄小提琴：http://jsfiddle.net/rahulthewall/wX94C/1/

Answer 1

纯javascript会是这样的

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

root.style.fontSize = "25px";

更新：使用 window.getCompulatedStyle

    var root = document.querySelector("p"),
       style = window.getComputedStyle(root, null).getPropertyValue('font-size'),
    fontSize = parseFloat(style);

root.style.fontSize = (10*fontSize)+'px';

演示版