Instructions d'utilisation de style.left et offsetLeft dans les compétences javascript_javascript

Si la position du div parent est définie comme relative et la position du div enfant est définie comme absolue, alors la valeur de style.left du div enfant est relative à la valeur du div parent, qui est le 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, il est plus pratique d'utiliser offsetLeft.

2. style.left est en lecture-écriture, offsetLeft est en lecture seule, donc pour changer la position du div, 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 à l'avance la position du div.

// Cette fonction fonctionne sur une liste déroulante de catégories infinies. Il n'y a qu'une seule liste déroulante au début de la page. Lorsqu'une valeur dans la liste déroulante est sélectionnée,
génère dynamiquement un. select. Les éléments sélectionnés sont des sous-catégories, et en même temps, déplacez la zone de sélection de la sous-catégorie en arrière de 20px ;