1

imgObj.style.left = parseInt(imgObj.style.left) + 5 + 'px'; - код работает

imgObj.style.left = imgObj.style.left + 5 + 'px'; - код не работает

При этом для, например, height парсинг не нужен.

В чем в данном случае особенность для style.left, логически выходит, что он "считывается" из "пространства" в виде (string, radix)

Можете пояснить физику процесса?

2
  • 3
    свойство left содержит не число. Точнее оно содержит и число и символы 5px одновременно, а операции можно делать только с числом без символов 5. Ну если взять '5px' + 5 + 'px' => 5px5px, а если parseInt('5px') + 5 + 'px' то будет верный результат
    – nick_n_a
    15 фев 2018 в 7:16
  • Большое спасибо
    – Natalya
    15 фев 2018 в 7:28

1 ответ 1

5

Свойство style.left содержит не число а строку в формате число + единица измерения, например "5px", если её спарсить

parseInt(obj.style.left)

то она превращается в число по правилам работы функции parseInt, берётся число в начале, остальное откидывается.

Если сделать код без функции parseInt, то что мы получим.

obj.style.left + 10 + "px"  = "5px10px"

Не валидная запись.

7
  • Ок, большое спасибо, уточню, чтоб не было белых пятен - а height содержит число (работает без парсинга)?
    – Natalya
    15 фев 2018 в 8:26
  • Почему height содержит число, height так же содержит строку, вот тестовый код - jsfiddle.net/Lcvkv8oz/1 15 фев 2018 в 8:32
  • 1
    @Наташа если height брать из атрибута html то тогда там лежит то что в атрибуте, например <img height="20".... Приведите код про который вы имеете виду про height 15 фев 2018 в 8:36
  • jsfiddle.net/Nata_Hamster/uzvo1m6w/5 Но height без парсинга работает только с подключением jquery. Получается height как "голое" число - это свойство jq
    – Natalya
    15 фев 2018 в 9:09
  • 2
    @Наташа, у тебя перепутались свойство height объекта img и свойство height у стиля. Первый, как и указано - число. Второй, как и все свойства в style - строка.
    – Grundy
    15 фев 2018 в 16:16

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.