如何引用元素的相应DOM对象?

时间:2012-02-20 14:39:54

标签: javascript html

这是您访问<body>元素以设置背景样式的方法:

document.body.style.background = '';

但是如何以类似方式访问<html>元素?以下不起作用:

document.html.style.background = '';

3 个答案:

答案 0 :(得分:28)

<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;

答案 1 :(得分:5)

根元素(<html>)可以在document.documentElement找到,而不是document.html

这是因为documentElement是标准DOM而不是HTML特定扩展名。

答案 2 :(得分:0)

为什么要在HTML上设置样式,请对任何样式使用body标记..

更改html上应用的背景,你必须到达页面的根目录

使用document.documentElement可以做到

使用此

document.documentElement.style.background = '';