¿Qué es la altura del cliente del cuerpo del documento?

What is Document body clientHeight?

The Element. clientHeight read-only property is zero for elements with no CSS or inline layout boxes; otherwise, it’s the inner height of an element in pixels. It includes padding but excludes borders, margins, and horizontal scrollbars (if present).

document. body is the element that contains the content for the document. In documents with contents, returns the element, and in frameset documents, this returns the outermost element.

To obtain the height of the window minus its horizontal scroll bar and any borders, use the root element’s clientHeight property instead. Both innerHeight and innerWidth are available on any window or any object that behaves like a window, such as a tab or frame.

documentElement. Document. documentElement returns the Element that is the root element of the document (for example, the element for HTML documents).

HTML DOM body Property

1. Change the background color of the current document: body.
2. Get the HTML content of the current document:
3. Change the HTML content of the current document (will overwrite all existing HTML elements inside ):
4. Create a

   element with some text and append it to the document’s body:

Page height, width and alignment Before smartphones and tablets became popular, web designers created fixed width pages that worked on the most common screen sizes – usually 1024 pixels wide by 768 pixels high.

The document.documentElement property gives you the html element, while the document.body property gives you the body element. The window.innerHeight property returns the height of the window rather than the height of the content.

Definition and Usage. The clientHeight property returns the viewable height of an element in pixels, including padding, but not the border, scrollbar or margin. The reason why the “viewable” word is specified, is because if the element’s content is taller than the actual height of the element, this property will only return the height…

Definition and Usage. The documentElement property returns the documentElement of the document, as an Element object. For HTML documents the returned object is the element.

Regarding window.innerWidth and document.documentElement.clientWidth, Webkit (Chrome / Safari) claims innerWidth is smaller than clientWidth. Trident and Presto claim innerWidth is bigger than clientWidth. Gecko claims innerWidth is the same size as clientWidth.