Maison > interface Web > tutoriel HTML > Comparez les différences d'utilisation entre offsetLeft et style.left dans div

Comparez les différences d'utilisation entre offsetLeft et style.left dans div

巴扎黑
Libérer: 2017-08-11 13:55:29
original
1446 Les gens l'ont consulté

Cet article présente principalement des informations pertinentes sur la différence entre offsetLeft et style.left de p. Les amis qui en ont besoin peuvent s'y référer

L'attribut d'événement clientX renvoie Lorsque l'événement est déclenché, le pointeur de la souris pointe vers les coordonnées horizontales de la page du navigateur (ou de la zone client).

L'espace client fait référence à la fenêtre actuelle.

Si la position du parent p est définie comme relative et la position de l'enfant p est définie comme absolue, alors la valeur de style.left de l'enfant p est relative à la valeur du parent p, ce qui est identique à offsetLeft. La différence est :

1. style.left renvoie une chaîne, telle que 28px, et offsetLeft renvoie une valeur de 28. Si vous devez calculer la valeur obtenue, c'est plus. pratique d’utiliser offsetLeft.

2. style.left est en lecture-écriture, offsetLeft est en lecture seule, donc pour changer la position de p, vous ne pouvez modifier que style.left.

3. La valeur de style.left doit être définie à l'avance, sinon la valeur obtenue sera vide. Et il doit être défini en HTML. J'ai fait des expériences. S'il est défini en CSS, la valeur de style.left est toujours vide. C'est le problème que j'ai rencontré au début. .gauche. offsetLeft peut toujours être obtenu sans définir la position de p à l'avance.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal