如何使用JavaScript修改html标签而非body的background属性

你之前的写法不符合DOM操作规范，<html>标签在JS中需要通过document.documentElement获取，正确修改代码如下：

document.documentElement.style.background = 'radial-gradient(circle, rgba(131,170,203,1) 4%, rgba(69,113,148,1) 50%, rgba(39,71,97,1) 100%)';

错误原因说明 #

• document.html属于无效写法，DOM标准中没有定义该属性，无法通过这个方式获取根html元素
• document本身是文档对象不是DOM元素节点，不存在style属性，直接给document.style赋值不会生效

特殊情况处理 #

如果原CSS中html标签的background属性添加了!important提升了优先级，常规内联样式赋值无法覆盖，可以使用如下写法：

document.documentElement.style.setProperty('background', 'red', 'important')

内容的提问来源于stack exchange，提问作者gear