javascript - How can I reference the <HTML> element's corresponding DOM object?

Question

Welcome To Ask or Share your Answers For Others

javascript - How can I reference the <HTML> element's corresponding DOM object?

posted Oct 24, 2021 in Technique[技术] by 深蓝 (71.8m points)

javascript - How can I reference the <HTML> element's corresponding DOM object?

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

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

1 Reply

深蓝 · Answer 1 · 2021-10-23T17:51:29+0000

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;

Categories

javascript - How can I reference the <HTML> element's corresponding DOM object?

javascript - How can I reference the <HTML> element's corresponding DOM object?

Please log in or register to add a comment.

Please log in or register to reply this article.

1 Reply

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags