English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Быстрое решение проблемы получения значения style.left у плавающего (float) элемента в JS

Решение:

1. использовать инлайн стиль для установки значений top и left элемента;

2. или напрямую получить offsetLeft элемента и получить соответствующее числовое значение, не нужно использовать parseInt.

Причина проблемы:

Если position родительского div определен как relative, а position дочернего div определен как absolute, то значение style.left дочернего div относительно значения родительского div, это то же самое, что и offsetLeft, различие заключается в том:

style.left возвращает строку, например, 28px, а offsetLeft возвращает числовое значение 28, если необходимо выполнить вычисления с полученным значением, offsetLeft удобнее.

style.left является читаемым и записываемым, а offsetLeft является только читаемым, поэтому для изменения положения div можно только изменить style.left.

Значение style.left необходимо определить заранее, в противном случае возвращаемое значение будет пустым, и оно должно быть определено в виде инлайн стиля, если оно определено в css, значение style.left все еще будет undefined; а offsetLeft все еще можно получить, не нужно предварительно определять положение div.

Указанные выше методы — это быстрое решение для получения значения style.left для плавающих (float) элементов в JavaScript, надеюсь, это поможет вам. Если у вас есть какие-либо вопросы, пожалуйста, оставляйте комментарии, я отвечу вам в ближайшее время!

Заявление: содержимое этой статьи взято из Интернета, авторские права принадлежат соответствующему автору. Контент предоставлен пользователями Интернета, самостоятельно загружен, сайт не имеет права собственности, не был отредактирован вручную и не несет ответственности за связанные с этим юридические вопросы. Если вы обнаружите контент,涉嫌侵犯版权, пожалуйста, отправьте письмо по адресу: notice#oldtoolbag.com (во время отправки письма замените # на @), и предоставьте соответствующие доказательства. Если подтвердится, что контент нарушает права на интеллектуальную собственность, сайт немедленно удалят涉嫌侵权的内容。

Основной учебник
Рекомендуется для просмотра