这是如何访问<body>
元素并设置背景样式:
document.body.style.background = '';
但是我怎样才能以类似的方式访问<html>
元素呢?以下代码无法实现:
document.html.style.background = '';
这是如何访问<body>
元素并设置背景样式:
document.body.style.background = '';
但是我怎样才能以类似的方式访问<html>
元素呢?以下代码无法实现:
document.html.style.background = '';
<html>
元素可以通过document.documentElement
属性进行引用。通常情况下,任何文档的根元素都可以通过.documentElement
进行引用。
document.documentElement.style.background = '';
注意:.style.background
返回 background
属性的值作为一个内联样式属性。也就是说,它是使用 <html style="background:..">
定义的。如果您想获取计算后的样式属性,请使用getComputedStyle
:
var style = window.getComputedStyle(document.documentElement);
var bgColor = style.backgroundColor;
根元素(<html>
)可以在document.documentElement
中找到,而不是document.html
。
这是因为documentElement
是标准DOM,而不是HTML特定的扩展。
document.documentElement.style.background = '';