Maison  >  Article  >  interface Web  >  Instructions d'utilisation de style.left et offsetLeft dans les compétences javascript_javascript

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

WBOY
WBOYoriginal
2016-05-16 16:56:361224parcourir

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 ;

Copiez le code Le code est le suivant :
fonction itemtree_cats_change ( selectObj )

Déclaration:
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