Как получить доступ к параметрам?

Question

[Максим]

Я просто разбираюсь - извените если туплю

Всё те же изображения и я хочу получить доступ к width и height - а точнее просто их вывести в консоль.
В общем получил все изображения document.querySelectorAll("img");
Перебрал их через forEach вот так :

var images = document.querySelectorAll("img");
    console.log(images);  // NodeList
    images.forEach(result);

    function result(a){
      console.log(a.src);
      console.log(a.width)
    }

Но как узнать ширину(width) и высоту (height) не знаю - помогите разобраться !

Answer 1

[Stalker_RED]

Дык все правильно, так и обращайтесь.
Лучше не напрямую a.width, а через a.getAttribute('width')

А если там ничего не указано, то

a.clientWidth;
a.clientHeight;

И старайтесь не называть переменные бессмысленными названиями, типа "a". Можно же назвать его image, например?

Comments

[Максим]

наверно я туплю но на
1) a.getAttribute('width') выводит null
2) a.clientWidth выводит 0

что я не так сделал ммм ?

var images = document.querySelectorAll("img");
    console.log(images);
    images.forEach(result);

    function result(a){
      console.log(a.src);
      console.log(a.clientWidth);
      console.log(a.getAttribute('width'));
    }

[alex]

Максим Ленский, видимо изображение ещё не загрузилось. Вешайте обработчик load и попробуйте узнать параметры изображения внутри коллбэка

[Максим]

Alex, точняк ...блин ..спасибо