document.documentElement.style.setProperty用处_CSS

document.documentElement.style.setProperty 是 JavaScript 中用于设置根元素（<html>）的 CSS 样式属性的方法。

document.documentElement 是表示整个文档的根元素，也就是 <html> 元素。通过 document.documentElement，你可以访问和修改全局的 CSS 样式。

style.setProperty 方法用于设置 CSS 样式属性的值。它接受两个参数：属性名和属性值。通过调用 setProperty 方法，你可以动态地修改根元素的 CSS 样式。

以下是一个示例，展示了如何使用 document.documentElement.style.setProperty 方法来设置根元素的 CSS 样式属性：

// 设置根元素的背景颜色为红色
document.documentElement.style.setProperty('background-color', 'red');

// 设置根元素的字体大小为 16px
document.documentElement.style.setProperty('font-size', '16px');

在上述代码中，我们使用 setProperty 方法来设置根元素的背景颜色和字体大小。通过指定属性名和属性值，我们可以动态地修改根元素的样式。

这个方法对于对整个页面的全局样式进行修改非常有用。