How to operate the width and height attributes of the page, visual area, screen, etc.

This time I will show you how to operate the width and height properties of the page, visual area, and screen , and how to operate the width and height properties of the page, visual area, and screen Precautions What are they? Here are actual cases. Let’s take a look.

1. clientHeight and clientWidth are used to describe the inner size of the element, which refers to the inner margin size of the element content, excluding the border (actually includes under IE), outer edge Distance, scroll bar part

2. offsetHeight and offsetWidth are used to describe the outer size of the element, which refers to the inner margin border of the element content, excluding the outer margin and scroll bar part

3 . clientTop and clientLeft return the horizontal and vertical distance between the edge of the padding and the outer edge of the border, that is, the left and top border width

4. offsetTop and offsetLeft represent the upper left corner of the element (borderOuter edge) and The distance between the upper left corner of the positioned parent container (offsetParent object)

I believe you have mastered the method after reading the case in this article, please pay attention for more exciting things Other related articles on php Chinese website!

Recommended reading:

H5 Canvas use case detailed explanation

How to use the javascript Date Format method

The above is the detailed content of How to operate the width and height attributes of the page, visual area, screen, etc.. For more information, please follow other related articles on the PHP Chinese website!