Se a posição da divis de pai for definida como relativa e a posição da divisão infantil é definida como absoluta, o valor do estilo. LEFT da criança infantil é relativa ao valor da div.
É o mesmo que OffsetLeft, a diferença é:
1. Style.left Retorna uma string, como 28px, OffsetLeft retorna um valor de 28. Se você precisar calcular o valor obtido, é mais conveniente usar OffsetLeft.
2 Style.left é leitura, OffsetLeft é somente leitura; portanto, para alterar a posição da div, você só pode modificar o estilo.left.
3. O valor do estilo. LEFT precisa ser definido com antecedência, caso contrário, o valor obtido estará vazio. E deve ser definido no HTML. Eu tentei. Se for definido no CSS, o valor do estilo. ALEFT ainda estará vazio. Este é o problema que encontrei no início. Eu nunca posso obter o valor do estilo.
O offsetLeft ainda pode ser obtido sem definir a posição da div com antecedência.
// Esta função é uma operação em uma caixa suspensa infinitamente classificada. Existe apenas uma caixa suspensa no início. Quando um valor da caixa suspensa é selecionado,
Gerar dinamicamente um item de seleção e o item de seleção é uma subclasse e, ao mesmo tempo, a caixa de seleção da subclasse deve ser transferida de volta por 20px;
A cópia do código é a seguinte:
função itemtree_cats_change (selectObj)
A diferença entre Style.left e OffsetLeft em JavaScript é a seguinte:
Hoje, quando eu estava fazendo uma foto de carrossel de foco, encontrei um problema. Ao usar o style.left para obter a localização da imagem, não consegui. Você pode obtê -lo com sucesso, mudando para o OffsetLeft. Embora tenha conseguido o efeito que queria, ainda não estava disposto a aceitá -lo. Eu não encontrei o motivo e me senti estranho. Então, abri a programação avançada de JavaScript, olhei para todos os pontos de conhecimento relacionados ao estilo.left e OffsetLeft e fiz a seguinte comparação.
(I) Para o atributo Style.Left Classe, o programa Javascript Advanced descreve o seguinte:
Qualquer elemento HTML que suporta o recurso de estilo possui um atributo de estilo correspondente no JavaScript. Esse objeto de estilo é uma instância da CSSStyleDeclaration, que contém todas as informações de estilo especificadas pelo atributo de estilo HTML, mas não contém estilos empilhados com folhas de estilo externas ou folhas de estilo incorporadas (a chave é nesta frase! Qualquer atributo CSS especificado no atributo de estilo será representado como o atributo correspondente desse objeto de estilo.
(Ii) Para propriedades cumulativas de deslocamento:
OffsetLeft: a distância do pixel entre a borda externa esquerda do elemento e a borda interna esquerda do elemento que contém o elemento.
Offsettop: a distância do pixel entre a borda externa superior do elemento e a borda interna superior do elemento que contém o elemento.
Através da leitura de livros e dos problemas encontrados hoje, o seguinte resumo do estilo. Left e Offsetleft são feitos
Semelhanças
1. Estilo.left e offsetLeft são ambos os valores em relação ao elemento pai.
Diferenças
1. Style.left retorna uma string com px; O offsetleft retorna um valor numérico.
2. O que pode ser lido em estilo. LEFT também pode ser configurado; O offsetLeft só pode ser lido, mas não configurado.