Si la posición del Div principal se define como relativa y la posición del niño Div se define como absoluta, entonces el valor del estilo. El hilo del niño Div es relativo al valor de la div.
Esto es lo mismo que OffsetLeft, la diferencia es:
1. Style.left Devuelve una cadena, como 28px, OffsetLeft devuelve un valor de 28. Si necesita calcular el valor obtenido, es más conveniente usar OffsetLeft.
2. Style.Lft es lectura de escritura, Offsetleft es de solo lectura, por lo que para cambiar la posición del DIV, solo puede modificar Style.Ltt.
3. El valor del estilo. El servicio debe definirse por adelantado, de lo contrario el valor obtenido estará vacío. Y debe definirse en HTML. Lo he probado. Si se define en CSS, el valor del estilo.Left todavía está vacío. Este es el problema que encontré al principio. Nunca puedo obtener el valor del estilo.
Offsetleft todavía se puede obtener sin definir la posición del DIV de antemano.
// Esta función es una operación en un cuadro desplegable infinitamente clasificado. Solo hay un cuadro desplegable al principio. Cuando se selecciona un valor del cuadro desplegable,
Genere dinámicamente un elemento de selección, y el elemento seleccionado es una subclase, y al mismo tiempo, el cuadro de selección de la subclase debe retroceder en 20px;
La copia del código es la siguiente:
función itemtree_cats_change (selectObj)
La diferencia entre style.left y offsetleft en JavaScript es la siguiente:
Hoy, cuando estaba enfocando una imagen de carrusel, encontré un problema. Al usar Style.Ltt para obtener la ubicación de la imagen, no pude obtenerla. Puede obtenerlo con éxito cambiando a OffsetLeft. Aunque logré el efecto que quería, todavía no estaba dispuesto a aceptarlo. No encontré la razón y me sentí extraño. Así que abrí la programación avanzada de JavaScript, analicé todos los puntos de conocimiento relacionados con el estilo.
(I) Para el atributo de clase style.left, el programa avanzado JavaScript lo describe de la siguiente manera:
Cualquier elemento HTML que admita la función de estilo tenga un atributo de estilo correspondiente en JavaScript. Este objeto de estilo es una instancia de CSSStyledEclaration, que contiene toda la información de estilo especificada por el atributo de estilo de HTML, pero no contiene estilos apilados con hojas de estilo externo o láminas de estilo integrado (¡la clave está en esta oración! Es decir, solo el atributo de estilo establecido en estilo en línea se puede obtener). Cualquier atributo CSS especificado en el atributo de estilo se representará como el atributo correspondiente de este objeto de estilo.
(Ii) Para las propiedades acumulativas de compensación:
OffsetLeft: la distancia del píxel entre el borde exterior izquierdo del elemento y el borde interno izquierdo del elemento que contiene el elemento.
Offsettop: la distancia de píxeles entre el borde exterior superior del elemento y el borde interno superior del elemento que contiene el elemento.
A través de la lectura de libros y los problemas encontrados hoy, se hacen el siguiente resumen del estilo.
Similitudes
1. Style.Lft y OftsetLeft son ambos valores en relación con su elemento principal.
Diferencias
1. Style.Lft Devuelve una cadena con PX; OffsetLeft devuelve un valor numérico.
2. ¿Qué se puede leer con estilo? OffsetLeft solo se puede leer pero no configurado.