Почему в первом console.log выводится значение, а во втором [object HTMLDivElement]?

Question

[kaleon]

function anotherDiv() {

const formObject = {};
let newDivOne = document.getElementById('div1');
let newDivTwo = document.getElementById('div2'); 
let newDivThree = document.getElementById('div3');
formObject.values = [newDivOne, newDivTwo, newDivThree];

for (let i = 0; i < 2; i++) {
    console.log(formObject.values[2]) //<div id="div3">
    console.log(formObject.values[i]); //[object HTMLDivElement]
}
}

Comments

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

какое "значение" выводит?
Все элементы массива в примере, по идее, либо объект HTMLDivElement, либо null, когда нет дива с указанным id.

[kaleon]

Сергей Соколов, Выводит <div id="div3">, как и должен. Но во втором случае почему-то не выводит, хотя ничего не изменилось по сути.

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

kaleon, мне с вашим кодом не удалось воспроизвести такое поведение в FireFox / OS X.
В этом Fiddle у вас в консоли по-прежнему описанная аномалия?

[Владимир Проскурин]

В хроме 71 тоже такого поведения не наблюдается, выводит дивы а не название класса. Вы бы написали название и версию своего браузера.

[kaleon]

Сергей Соколов, У меня странным образом все заработало, как и должно было, забавно.

Answer 1

[Yura Khlyan]

Скорее всего, у Вас несколько элементов с id="div2"
ЗЫ. Другого варинта изменения поведения сложно придумать