如何在 javascript 中更改 "html" 本身的 CSS 属性？

Question

我有以下 javascript，使用 jQuery：

$('html').css('font-size','10px');

我想在不使用 jQuery 的情况下做同样的事情。

我试过 document.getElementsByTagName('html').style.fontSize 但没用。

看起来应该很容易，但是因为 HTML 是关于 javascript 和 css 的每个页面的一部分，谷歌搜索答案会出现太多不相关的结果。

Answer 1

试试这个。 getElementsByTagName returns 项目列表。您需要参考第一项。

document.getElementsByTagName('html')[0].style.fontSize = '10px';

Answer 2

您可以使用

var htmlElement = document.documentElement;

到 select html 元素。 为了设置样式继续你已经做的：

htmlElement.style.fontSize = '10px';