Offset et client pour obtenir des informations sur l'emplacement des éléments Dom

offsetObtenir la largeur, la hauteur et le décalage de l'élément

• offsetTopObtient la distance de décalage de la partie supérieure de l'élément par rapport à l'élément parent avec ancrage,Si aucun des éléments parents n'est positionné, renvoie un rapport relatifbodyDistance de
• offsetLeftMême chose.offsetTop
• offsetParentRetourner l'élément avec l'élément parent ancré,Retourner si aucun des éléments parents n'est positionnébody
• offsetWidthRenvoie la largeur de l'élément,Y compris:padding,Bordure,Largeur de la zone de contenu
• offsetHeightMême chose.offsetWidth

offsetAvecstyleLa différence entre

La différence la plus évidente est queoffsetLa valeur de la propriété obtenue est une propriété en lecture seule,Ne peut pas être utilisé pour modifier la taille et l'offset de l'élément lui - même,Est une valeur sans Unit é
EtstyleLa valeur de l'attribut obtenu est l'attribut lecture - écriture,Peut être utilisé pour modifier la taille et l'offset de l'élément lui - même, etc.
En outre,styleSeuls les attributs de style spécifiés dans le style en ligne de l'élément peuvent être obtenus,EtoffsetVous pouvez obtenir les attributs que l'élément spécifie de n'importe quelle façon

Cliquez sur l'événement pour obtenir les coordonnées de la souris

• e.pageXVous pouvez obtenir la distance de la souris de l'événement cliqué à gauche de la page
• e.pageYVous pouvez obtenir la distance de la souris de l'événement de clic sur le côté supérieur de la page

clientObtient la bordure de l'élément et la largeur et la hauteur

• clientTopObtenir la taille de la bordure supérieure
• clientLeftObtenir la taille de la bordure gauche
• clientWidthObtenir la largeur de l'élément,Sans frontières
• clientHeightObtenir la hauteur de l'élément,Sans frontières

scroll Obtenir des informations de défilement

• scrollTop Obtient la distance supérieure à laquelle l'élément est enroulé
• scrollLeft Renvoie la distance gauche à laquelle l'élément a été roulé
• scrollWidthObtenir la largeur de l'élément lui - même Sans frontières
• scrollHeight Obtenir la hauteur de l'élément lui - même Sans frontières AvecclientHeightLa différence est que, Lorsque le contenu de l'élément déborde ,scrollHeight Ou renvoie la hauteur contenant le contenu du débordement ,EtclientHeightAlors non

Obtenir la distance de défilement de la page

• window.pageXOffset Obtenir la distance parcourue sur toute la page
• window.pageYOffset Obtient la distance parcourue à droite de toute la page