Heim > Web-Frontend > HTML-Tutorial > Der Unterschied zwischen offsetLeft und style.left in div

Der Unterschied zwischen offsetLeft und style.left in div

巴扎黑
Freigeben: 2017-03-30 13:52:12
Original
1566 Leute haben es durchsucht

clientX-Ereigniseigenschaft gibt die horizontale Koordinate des Mauszeigers auf die Browserseite (oder den Clientbereich) zurück, wenn das Ereignis ausgelöst wird.

Der Clientbereich bezieht sich auf das aktuelle Fenster.

Wenn die Position des übergeordneten p als relativ und die Position des untergeordneten p als absolut definiert ist, ist der Wert von style.left des untergeordneten p relativ zum Wert des übergeordneten p. Das ist dasselbe wie offsetLeft. Der Unterschied ist:

1. style.left gibt eine Zeichenfolge zurück, z. B. 28px, und offsetLeft gibt einen Wert von 28 zurück. Wenn Sie den erhaltenen Wert berechnen müssen, ist er größer Bequem zu verwenden offsetLeft.

2. style.left ist schreibgeschützt, offsetLeft ist schreibgeschützt. Um die Position von p zu ändern, können Sie also nur style.left ändern.

3. Der Wert von style.left muss im Voraus definiert werden, sonst ist der erhaltene Wert leer. Und es muss in HTML definiert werden. Wenn es in CSS definiert ist, ist der Wert von style.left immer noch leer. Dies ist das Problem, auf das ich am Anfang gestoßen bin .links. offsetLeft kann immer noch erhalten werden, ohne die Position von p im Voraus zu definieren.

Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen offsetLeft und style.left in div. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage