2588: spoj 10628. Count on a Tree [Specific Line Tree+Double LCA]

2023-01-19   ES  

Each HTML element has the following attributes

offsetWidth offsetHeight offsetLeft offsetTop
clientWidth clientHeight

scrollWidth scrollHeight scrollLeft scrollTop

screenX screenY    

1. offset quantity

OfficeTheight/OffsetWidth: Expressouter size: Elemental content+interior border+border (excluding outer border)

OffsetLeft/Offsettop: Indicates the upper left corner of the element (outside the edge of the border) andPositioning

The distance from the upper left corner of

OfficeTParent element refers to the ancestral element of the nearest positioning of the element, which can be traced backward.

  * Get the coordinates of the element in the page (x, y) 
  * @param {Object} E 
 Function GetelementPosition (E) { 
     var x = 0, y = 0; 
     While (e! = Null) { 
         x += e.offsetLeft; 
         y += e.offsettop; 
         e = e.offsetparent; 
     Return {x: x, y: y}; 

2. ClientWidth Clientheight

ClientWidth/Clientheight: Used to describeInternal size: Element content+side spacing on both sides


Commonly used to obtain the height and width of the horizontal port

  * Get the size of the viewport 
  * Usage: 
  * var viewport = getViewPortsize (); 
  * viewport.width/viewport.height 
  * @param {Object} w 
 function getViewPortsize (w) { 
     var w = w || window; 
     if (w.innerheight! = Null) { 
         Return {W: W.InnerWidth, H: W.Innerheight}; 
     var d = w.document; 
     if (document.compatmode == 'css1compat') {// Standard mode 
         Return { 
 width: d.documentelement.clientWidth, 
 height: d.documentelement.clientheight 
     Return {w: d.body.clientWidth, h: d.body.clientheight}; 

3. Rolling size

scrollheight/scrollwidth: The total height or width of the element content

scrollLLEFT/Scrolltop: refers to the position of the element rolling bar, they are(Pixels on the left/above the hidden content area)

Rolling bar at the browser window: Window objectPagexoffset and Pageyoffset, IE 8, and earlier versions can be obtained by scroll bar position through ScrollLeft and Scroltop properties

  * Get the scroll length 
  * Rolling strip roll down the hidden page length 
  * Common ScrollLeft and Scroltop 
  * @param {Object} w 
 Function GetScrolLLLOFFSET (w) { 
     var w = w || window; 
     // Firefox 
     if (w.pagexoffset! = Null) { 
         Return {x: w.pagexoffset, y: w.pageyoffset}; 
     var d = w.document; 
     if (document.compatmode == 'css1compat') {// Standard mode 
         Return { 
 x: d.documentelement.scrolLeft, 
 y: d.documentelement.scrolltop 
     Return {x: d.body.scrollleft, y: d.body.scroltop}; 

4. event.screenX、event.screenY

The mouse is compared to the X, Y coordinate of the upper left corner of the user display screen. Both standard events and IE events define these two attributes

Turn left to the left
Turn right to the right


Note: These attributes are manyRead only, every time they visit them, they need to be re -calculated

The height of the entire page: document.documentelement.scrollheight

Hidden page height on the content area: Window.pageyoffset/Document.documentelement.scrolltop

element.offsetHeight = element.clientHeight + borderLeft-width*2

HTML DOCUMENT window size and location


Related Posts

jQuery’s scrolllect and scrollTop method to slide method analysis

How to deploy dubbo? How to build a Dubbo monitoring center? Intersection

vue2.0 template Handsome

git common command

2588: spoj 10628. Count on a Tree [Specific Line Tree+Double LCA]

Random Posts

qt configuration system new project function

Sword refers to OFFER-flip word sequence sequence Hanani

ES6 Module (Export and Export Default)

Sorting Algorithm-Base Sorting-Detailed Explanation and Code Analysis

Deep Learning Deeplearning Recommended Paper List List of Princess Scholars Recommended Learning route scoField