Este artigo é um artigo espelhado de tradução automática, por favor clique aqui para ir para o artigo original.

Vista: 9422|Resposta: 0

[JavaScript] A diferença entre offsetLeft e style.left

[Copiar link]
Publicado em 18/02/2019 14:05:39 | | |
offsetLeft fica com a margem esquerda em relação ao objeto pai

à esquerda obtém ou define a margem esquerda em relação ao objeto pai com a propriedade de posicionamento (posição é definida como relativa).

Se a posição da div pai for definida como:
relativo: Gerar um elemento absolutamente posicionado

, a posição da subdivisão é definida como
Absoluto:Gerar elementos posicionados relativos
, então o valor de style.left da div filho é relativo ao valor da div pai,

Isso é o mesmo que offsetLeft, exceto que:
1. style.left devolve uma string, como 28px, offsetLeft retorna um valor de 28, se você precisar calcular o valor obtido,
Também é mais conveniente usar offsetLeft.
2. style.left é leitura-escrita, offsetLeft é apenas leitura, então para mudar a posição do div, você só pode modificar style.left.
3. O valor de style.left precisa ser definido antecipadamente, caso contrário o valor obtido será vazio. E deve ser definido em html, experimentei, se for definido em
No CSS, o valor de style.left ainda está vazio, que foi o problema que encontrei no começo, e sempre não consigo obter o valor de style.left.

OffsetLeft ainda pode ser recuperado sem precisar definir a posição do div antes.





Anterior:efeito jQuery - método toggle()
Próximo:método jQuery on()
Disclaimer:
Todo software, material de programação ou artigos publicados pela Code Farmer Network são apenas para fins de aprendizado e pesquisa; O conteúdo acima não deve ser usado para fins comerciais ou ilegais, caso contrário, os usuários terão todas as consequências. As informações deste site vêm da Internet, e disputas de direitos autorais não têm nada a ver com este site. Você deve deletar completamente o conteúdo acima do seu computador em até 24 horas após o download. Se você gosta do programa, por favor, apoie um software genuíno, compre o registro e obtenha serviços genuínos melhores. Se houver qualquer infração, por favor, entre em contato conosco por e-mail.

Mail To:help@itsvse.com