Почему не работает код и нет никакой ошибки?

Question

[kil2016]

let inputID;
let nam;

let divID = document.getElementsByClassName("div");
let dd = document.getElementsByClassName("dd");
let btn1 = document.getElementById("btn");
inputID = 0;
nam = 0;

btn1.onclick = function() {
  divID.innerHTML = nam;
  nam++;
  console.log(nam);
};
console.log(divID);

В консоль выводит, а в блок div нет, почему?

Comments

[Arman]

console.log(divID); что показывает?

'div' класс вообще есть?

[kil2016]

Arman, Есть !

[kil2016]

Arman, проблема в том когда меня class на id все работает ! но мне нужен именно class

[Arman]

kil2016, ну так по id вернет 1 элемент, а по классу массив элементов, даже если с таким классом всего один элемент на странице

[kil2016]

Arman, HTMLCollection(2) [div.div, div.div]

[kil2016]

Arman, Спасибо ! забыл про массивы !

[RiddlerX2]

Ну так и обратись к коллекции как к массиву divID[0]

Answer 1

[Александр Черемхин]

document.getElementsByClassName("div") Скорее всего возвращает массив элементов с классом div. Следовательно пишем что то вроде divID[0].innerHTML = nam;
Но скорее всего Вам не следует применять getElementsByClassName, здесь логичнее использовать getElementById и присвоить div атрибут Id