Metode getBoundingClientRect
Die metode getBoundingClientRect bevat
'n objek van elementkoördinate. Koördinate word bereken
relatief tot die sigbare deel van die bladsy sonder
om te scroll (relatief tot die venster). Dit is dus
soos met die eienskap position
met die waarde fixed.
Die teruggekeerde objek bevat die volgende eienskappe: left,
top, right, bottom, width, height.
Dit is belangrik om daarop te let dat hierdie eienskappe niks
met CSS-eienskappe te doen het nie. Dit bevat
die afstande na die ooreenstemmende kante van die element.
Vir left/right - vanaf die linkerrand van die sigbare
gebied van die bladsy, en vir top/bottom - vanaf die boonste.
Sintaksis
element.getBoundingClientRect();
Voorbeeld
Laat ons die koördinate van die element kry:
<div id="elem"></div>
#elem {
width: 100px;
height: 100px;
border: 1px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.getBoundingClientRect());
Kyk ook
-
die eienskap
offsetParent,
wat die ouer met posisionering bevat -
die eienskap
offsetTop,
wat die element se verplasing van bo af bevat -
die eienskap
offsetLeft,
wat die element se verplasing van links af bevat -
die metode
elementFromPoint,
wat die element volgens koördinate teruggee
