Maison > interface Web > js tutoriel > 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
Libérer: 2016-05-16 16:56:36
original
1295 Les gens l'ont consulté

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 )

É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