Javascript 使用LocalStorage更改所有文本（包括按钮）的字体大小

在使用LocalStorage点击按钮后，我正在尝试更改网页上所有文本（包括按钮）的字体大小。 它只更改标签中元素的字体大小，如

，

等（HTML格式化文本标签） 但不是像

或

这样的标题标签

我的代码：

mybutton.onclick = () => {
  localStorage.setItem("fontsize", "300%");
  location = location.href;
};

window.onload = function () {
  var fonts = localStorage.getItem("fontsize");
  body.style.fontSize = fonts;

---

不要在本地存储中使用字体大小，而是存储类名并通过javascript添加类

对于css，您可以这样做：

*

选择器选择所有元素。 我在本地尝试了这个，它也成功了！重要信息是覆盖任何其他样式所必需的

.fontSize * {
    font-size: 30px !important;
}

---

body.style.fontSize

将仅为body标记提供字体大小。它不会覆盖由自己的css指定的其他阶段的字体大小。@DhruviMakvana Body fontsize继承给所有子级。但300%应该是3em，这将是标准16px=48px的3em；否则字体大小必须设置为固定的px值。当我将300%更改为px时，它也不起作用。是否可以用自己的css覆盖字体大小？还是点击按钮后改变整个网站字体大小的另一种方法？此解决方案的问题是，刷新页面后，css会重置。是否可以将css保存为在更改选项卡后不重置？将该css放在css文件中，然后您可以从localstorage获取类并使用它。它甚至可以与刷新一起工作。如何从本地存储获取类？你能解释一下吗？你需要重新表述你的问题，解释更多你想要达到的目标。