Wenn die Position des übergeordneten Div als relativ definiert ist und die Position des Kindes Div als absolut definiert ist, ist der Wert des Stils.
Dies ist der gleiche wie OffsetLeft, der Unterschied ist:
1. style.left gibt eine Zeichenfolge zurück, z. B. 28px, OffsetLeft gibt einen Wert von 28 zurück. Wenn Sie den erhaltenen Wert berechnen müssen, ist es bequemer, OffsetLeft zu verwenden.
2.Ly.Left ist Leseschreiber, OffsetLeft ist schreibgeschützt. Um die Position des DIV zu ändern, können Sie nur style.left ändern.
3.. Der Wert von Style.left muss im Voraus definiert werden, andernfalls ist der erhaltene Wert leer. Und es muss in HTML definiert werden. Ich habe es versucht. Wenn es in CSS definiert ist, ist der Wert des Stils. Lesft ist immer noch leer. Dies ist das Problem, das ich zu Beginn begegnet bin. Ich kann niemals den Wert von style.left bekommen.
OffsetLeft kann weiterhin erhalten werden, ohne die Position des DIV im Voraus zu definieren.
// Diese Funktion ist eine Operation in einem unendlich klassifizierten Dropdown-Box. Am Anfang gibt es nur eine Dropdown-Box. Wenn ein Wert des Dropdown-Felds ausgewählt ist,
Generieren Sie dynamisch ein ausgewähltes Element, und das Auswahlelement ist eine Unterklasse, und gleichzeitig muss das Select -Feld der Unterklasse um 20px zurückgezogen werden.
Die Codekopie lautet wie folgt:
Funktion itemTree_cats_change (selectObj)
Der Unterschied zwischen Style.Left und OffsetLeft in JavaScript ist wie folgt:
Als ich heute ein Focus Carousel -Bild machte, stieß ich auf ein Problem. Wenn ich Style.left benutze, um den Ort des Bildes zu erhalten, konnte ich es nicht bekommen. Sie können es erfolgreich erhalten, indem Sie zu OffsetLeft wechseln. Obwohl ich den Effekt erzielte, den ich wollte, war ich immer noch nicht bereit, ihn zu akzeptieren. Ich fand den Grund nicht und fühlte mich seltsam. Also eröffnete ich die fortschrittliche JavaScript -Programmierung, habe alle Wissenspunkte im Zusammenhang mit Style.left und Offsetleft angesehen und den folgenden Vergleich durchgeführt.
(I) Für das Attribut style.left class beschreibt das JavaScript Advanced Program wie folgt:
Jedes HTML -Element, das die Stilfunktion unterstützt, hat ein entsprechendes Stilattribut in JavaScript. Dieses Stilobjekt ist eine Instanz von CSSstyledeClaration, die alle Stilinformationen enthält, die durch das Style-Attribut von HTML angegeben sind, aber keine Stile enthalten, die mit externen Stilblättern oder eingebetteten Stilblättern gestapelt sind (der Schlüssel ist in diesem Satz! Jedes im Style -Attribut angegebene CSS -Attribut wird als entsprechendes Attribut dieses Stilobjekts dargestellt.
(Ii) Für Offsetleft -kumulative Eigenschaften:
OffsetLeft: Der Pixelabstand zwischen dem linken äußeren Rand des Elements und dem linken inneren Rand des Elements, das das Element enthält.
Offsettop: Der Pixelabstand zwischen dem oberen äußeren Rand des Elements und dem oberen inneren Rand des Elements, das das Element enthält.
Durch das Lesen von Büchern und die heute aufgetretenen Probleme werden die folgende Zusammenfassung von Style.left und OffsetLeft gemacht
Ähnlichkeiten
1. Style.Left und OffsetLeft sind beide Werte relativ zu ihrem übergeordneten Element.
Unterschiede
1.Ly.Left gibt eine Zeichenfolge mit PX zurück; OffsetLeft gibt einen numerischen Wert zurück.
2. Was kann stilvoll gelesen werden. Left kann auch konfiguriert werden; OffsetLeft kann nur gelesen, aber nicht konfiguriert werden.