Почему querySelectorAll и getElementsByClassName не работают с naturalWidth?

Question

[jeruthadam]

Если я выбираю элемент таким образом то значение не возвращается. Заработало только с getElementById.
Почему? Как выбирать по классу? Наверное нельзя, потому что их может быть несколько на странице? Как тогда получать значения, не засирая айдишниками?

Не работает:

document.querySelectorAll('img.test').width
document.querySelectorAll('.test').width
document.getElementsByClassName('test').width

Comments

[Kovalsky]

Если я выбираю элемент

Названия методов - querySelectorAll и getElementsByClassName - слегка намекают на тот факт, что вы выбираете не элемент, а много элементов. А так да - если бы выбирали элемент, то у вас бы всё получилось.

[jeruthadam]

Никита Полевой: как выбрать один элемент?

[jeruthadam]

Никита Полевой: насколько я знаю getElementsByClassName возращает ОДИН, первый элемент с этим классом

[jeruthadam]

О точно, он массив возвращает. С [0] заработало.
А как еще можно?

[Kovalsky]

jeruthadam: без издёвки: если вы не знаете как из массива выбрать один элемент, то всё же вам лучше обратиться к MDN. Поверьте, в отличие от тостера он ответит на все ваши вопросы касаемо взаимодействия DOM и JS. Прямо пишите названия методов в строку поиска сверху, всё увидите сами.

"getElementsByClassName возращает ОДИН, первый элемент с этим классом" - так написано же elements, а не element, множественное число.

Answer 1

[gleendo]

document.querySelector(".test").width;
document.getElementsByClassName("test")[0].width;
document.querySelectorAll(".test")[0].width;

Answer 2

[Negwereth]

https://developer.mozilla.org/en-US/

Comments

[jeruthadam]

Ок, Гугл.