Что делать если Js не хочет вынимать 0-вой елемент из массива?

Question

[Wki]

var a = document.getElementsByClassName("_turnabout");
    //на этом моменте у нас в а -массив с 1 елемментом что читабельно в консоле 
    console.log(a[0]);
   //консоль показывает массив 
    console.log(a);
   //консоль показывает undefined

Что делать , как дальше жить , в чем смысл жизни ?
P.S В консоле все работает.

Comments

[Владислав Яндимиркин]

ты наверно что-то напутал) или не весь код показал

[Сергей Соколов]

Комментарии в JavaScript отбиваются либо /* ... */ либо двойным слешом в начале строки: // коммент

[Wki]

Владислав Яндимиркин, Вот весь код

// function Set_height_for_turnabout(element) {
//     alert(element);
//     element.style.height = element.offsetWidth/6 +"px";
// 
// }

var a = document.getElementsByClassName("_turnabout");
console.log(a);
console.log(a.item(1));

// try {
//     var turnabout_box = document.getElementsByClassName("_turnabout")[0];
//     alert(turnabout_box);
//     Set_height_for_turnabout(turnabout_box);
// } catch (e) {
//     // location.href = 'http://s1.funon.cc/img/orig/201408/14/53eca71a4a6e9.jpg';
//     alert("error "+e);
// }

Answer 1

[DevMan]

jsfiddle.net/jbkp9s6h
скорее всего у вас опечатка (например, русская "а").

Comments

[Никита Егоров]

а как вы открыли такую консоль?

[DevMan]

Никита Егоров, во внешних ресурсах есть ссылка))

[Wki]

Нет, опечаток нету , я поставил а для быстроты набора.

[DevMan]

Никита Егоров, разобрались? я прост был не за компом.

[Никита Егоров]

DevMan, ссылку нашел (https://getfirebug.com/firebug-lite.js), но не понял как правильно подключить

[DevMan]

Никита Егоров,
- слева в сайдбаре открыть Resources
- вставить

https://getfirebug.com/firebug-lite.js#startOpened=true

- нажать плюс

[Никита Егоров]

DevMan, ааа, понятно. Спасибо, буду знать :)

Answer 2

[Сергей Соколов]

Странно, вот на этой странице всё ок. Искал класс tmenu-mservices__item

скрин

Comments

[Wki]

в консоле все работает(всмысле если код в консоле )

[DevMan]

Wki, приведённый вами код абсолютно рабочий.

накидайте на jsfiddle или другой песочнице полный пример, демонстрирующий проблему.

[Wki]

DevMan, я загрузил на Codepen и все работает (просто Ctrl + C , Ctrl+V) в чем может быть причина ? Снести весь проект из-за неведомой ошибки ?

[DevMan]

Wki, если там мало, проще снести и сделать по новой.
если много, имеет смысл дебажить.

[Wki]

DevMan, Ок , спасибо.

Answer 3

[Alexander Dunin]

Вы получаете HTMLCollection, а не массив.

var elements = document.getElementsByClassName('tags-list__item');
console.log(elements.item(0));

Comments

[Сергей Соколов]

elements.item(0) === elements[0] // true

[Alexander Dunin]

Вы сравниваете элементы HTMLCollection и Array, и получаете правильный ответ.

Но я о другом.

var elementsAsHTMLCollection = document.getElementsByClassName('tags-list__item');
var elementsAsArray = Array.from(elementsAsHTMLCollection);

elementsAsHTMLCollection === elementsAsArray; // false

[Wki]

Alexander Dunin, теперь null возвращает

[Никита Егоров]

Alexander Dunin, htmlCollection является псевдо-массивом. Он не имеет стандартных методов как у обычного массива, но имеет тот же синтаксис обращения к элементам... вы серьезно этого не знали?

[Сергей Соколов]

Alexander Dunin,

Вы сравниваете элементы HTMLCollection и Array

Шта? =) Я сравниваю результат обращения к HTMLCollection как к коллекции и как к обычному массиву. И то и то работает, поэтому заявление в вашем ответе не имеет практического смысла.

Answer 4

[xmoonlight]

console.log(Array.from(a));
console.log(typeof a); // returns "object"

Answer 5

[tyzberd]

https://developer.mozilla.org/ru/docs/Web/API/Docu...
https://developer.mozilla.org/ru/docs/Web/API/Docu...