но не id

чтобы повесить и юзать квериселектор

Эммм
Раньше не объяснили даже, что я юзаю id не верно

Как правильно это делать?

ответил?

сто раз написали

Неа
Не понимаю, при чем селектор

я вам все написал уже, короче, пойду, пока ещё спокоен

кто че делает?

ну нельзя через querySelectorAll собирать id

id  это селектор

я вот точно знаю, что нет метода getElementsById, что уже намекать должно

Вы про стиль ES6?

querySelectorAll собирает коллекцию элементов, он не может собрать элементы с уникальным id в эту коллекцию

у вас каша в голове, какой ес6

тут ничего не настораживает сразу?

document.querySelectorAll('#box-hover').forEach((item) => {
 item.addEventListener('onmouseover', () => {
       document.getElementById("text-ca").style.display = "block";
       document.getElementById("text-hover").style.display = "none";

 });
 item.addEventListener('onmouseout', () => {
   document.getElementById("text-ca").style.display = "none";
   document.getElementById("text-hover").style.display = "block";
 });
});

смешались в кучу кони, люди