@Narbek

Console.log не отображает width / height изображений?

<img src="https://en.js.cx/clipart/ball.svg" id="first" width="40">
<img src="https://en.js.cx/clipart/ball.svg" id="second">


console.log(first.clientWidth);          // 40
console.log(second.clientWidth);     // 0     ПОЧЕМУ???

alert(first.clientWidth);                    // 40
alert(second.clientWidth);               // 40


Если width явно указан, то conole.log работает
если нет, то не работает
А вот с alert проблем нет

И это происходит только с изображениями

Объясните, пожалуйста, что к чему??
  • Вопрос задан
  • 154 просмотра
Решения вопроса 2
@FabiBoom
До тех пор пока картинка не загружена о ее размерах не известно. В первом случае браузеру вы явно сообщаете о ширине и поэтому она доступна. Попробуйте так:

second.addEventListener('load', () => {
       console.log(second.clientWidth);
 });
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы