Si la position du parent div est définie comme relative et que la position de l'enfant div est définie comme absolue, alors la valeur du style.
C'est la même chose que le décalage, la différence est:
1. Style.Left Renvoie une chaîne, comme 28px, Offsetleft renvoie une valeur de 28. Si vous devez calculer la valeur obtenue, il est plus pratique d'utiliser Offsetleft.
2. Style.Left est en lecture-écriture, Offsetleft est en lecture seule, donc pour modifier la position de la div, vous ne pouvez modifier que le style.
3. La valeur du style.Left doit être définie à l'avance, sinon la valeur obtenue sera vide. Et il doit être défini en HTML. Je l'ai essayé. S'il est défini dans CSS, la valeur du style. Left est toujours vide. C'est le problème que j'ai rencontré au début. Je ne peux jamais obtenir la valeur du style.
Offsetleft peut toujours être obtenu sans définir la position du div à l'avance.
// Cette fonction est une opération sur une boîte déroulante infiniment classée. Il n'y a qu'une seule boîte déroulante au début. Lorsqu'une valeur de la boîte déroulante est sélectionnée,
Générez dynamiquement un élément de sélection, et l'élément de sélection est une sous-classe, et en même temps, la boîte de sélection de la sous-classe doit être retirée par 20px;
La copie de code est la suivante:
fonction élémentTree_cats_change (selectObj)
La différence entre le style.
Aujourd'hui, quand je faisais une image de carrousel Focus, j'ai rencontré un problème. Lorsque vous utilisez Style.left pour obtenir l'emplacement de l'image, je n'ai pas pu l'obtenir. Vous pouvez l'obtenir avec succès en passant à Offsetleft. Bien que j'aie atteint l'effet que je voulais, je ne voule toujours pas l'accepter. Je n'ai pas trouvé la raison et je me sentais étrange. J'ai donc ouvert la programmation avancée JavaScript, j'ai examiné tous les points de connaissance liés au style.left et offsetleft, et j'ai fait la comparaison suivante.
(I) Pour l'attribut Style.Left Class, le programme avancé JavaScript le décrit comme suit:
Tout élément HTML qui prend en charge la fonction de style a un attribut de style correspondant dans JavaScript. Cet objet de style est une instance de CSSStyledEclartation, qui contient toutes les informations de style spécifiées par l'attribut de style de HTML, mais ne contient pas de styles qui sont empilés avec des feuilles de style externe ou des feuilles de style intégrées (la clé est dans cette phrase! C'est-à-dire, seul l'attribut de style qui est obtenu en ligne peut être obtenu). Tout attribut CSS spécifié dans l'attribut de style sera représenté comme l'attribut correspondant de cet objet de style.
(Ii) pour les propriétés cumulatives de la décalage:
Offsetleft: la distance de pixel entre le bord extérieur gauche de l'élément et la bordure intérieure gauche de l'élément contenant l'élément.
Offsetop: la distance de pixel entre la bordure extérieure supérieure de l'élément et la bordure intérieure supérieure de l'élément contenant l'élément.
Grâce à la lecture de livres et des problèmes rencontrés aujourd'hui, le résumé suivant de style.
Similitudes
1. Style.Left et Offsetleft sont tous deux des valeurs par rapport à leur élément parent.
Différences
1. Style.Left Renvoie une chaîne avec PX; Offsetleft renvoie une valeur numérique.
2. Ce qui peut être lu avec style.left peut également être configuré; Offsetleft ne peut être lu que mais non configuré.