Как изменить с getElementById на getElementsByClassName?

Question

[nikmil]

Добрый день, я не совсем понимаю в js, но подскажите пожалуйста как изменить с id на class?
Если я просто изменю getElementById на getElementsByClassName, то время не выводить и не выводится ни одна ошибка..

function startTime() {
	var tm=new Date();
	var h=tm.getHours();
	var m=tm.getMinutes();
	
	m=checkTime(m);
	document.getElementById('hour').innerHTML="["+h+":"+m+"]";

	t=setTimeout('startTime()', 500);
}


function checkTime(i) {
	if (i < 10) {
		i = "0" + i;
	}

	return i;
}

<span class="hour"></span>
<span class="hour"></span>

Answer 1

[eternalfire]

getElementsByClassName возвращает коллекцию элементов в отличии от getElementById который возвращает единственный экземпляр.
Тебе нужно в цикле менять каждый элемент коллекции, вот и все различия

Comments

[nikmil]

не покажите на примере как это сделать?

[eternalfire]

let hours = document.getElementsByClassName("hour");
for (let i = 0; i < hours.length; i++) {
   hours[i].innerHTML="["+h+":"+m+"]";
}

Answer 2

[Stockholm Syndrome]

[...document.getElementsByClassName('hour')].forEach((elem) => elem.innerHTML="["+h+":"+m+"]");