How can I reference the <HTML> element's corresponding DOM object?
Question
This is how you access the <body> element to set a background style:
document.body.style.background = '';
But how can I access the <html> element in a similar manner? The following doesn't work:
document.html.style.background = '';
3 answers
solution1
29 ACCPTED 2012-02-20 14:42:17
The <html> element can be referred through the document.documentElement property. In general, the root element of any document can be referred through .documentElement .
document.documentElement.style.background = '';
Note: .style.background returns the value for background as an inline style property. That is, defined using <html style="background:.."> . If you want to get the calculated style property, use getComputedStyle :
var style = window.getComputedStyle(document.documentElement);
var bgColor = style.backgroundColor;
solution2
5 2012-02-20 14:42:31
The root element ( <html> ) can be found in document.documentElement , not document.html .
This is because documentElement is standard DOM and not an HTML specific extension.
solution3
0 2012-02-20 14:52:07
Why too set the style on the HTML , do use body tag for any styling ..
to change the background applied on html you have to get to the root of the page
using document.documentElement can do
Use this
document.documentElement.style.background = '';
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.