Почему скрипт выполняется только для одного элемента?

Question

[Tipatakoy]

Есть код:

if (chechkhide.innerText == 'Личный кабинет') {
    fullformdiv.style.display = 'none';
    testbuttonlogin.style.display = 'block';
};

Он скрывает блок fullformdiv если chechkhide содержит слово Личный кабинет. Но есть одно но, если на странице несколько fullformdiv, то он скрывает только первый из них. Видимо код выполняется только один раз. Как сделать, чтобы данный скрипт действовал для всех fullformdiv?

Answer 1

[Rsa97]

Что такое checkhide, fullformdiv, testbuttonlogin? Если это id элементов, то в HTML не может быть нескольких элементов с одним id.
Используйте класс, getElementsByClassName() и перебор полученной коллекции.

Comments

[Tipatakoy]

Это класс.

[Tipatakoy]

Сделал таким образом опять не помогло, может я не правильно написал код?

if (chechkhide.innerText == 'Личный кабинет') {
    getElementsByClassName('fullformdiv').style.display = 'none';
	getElementsByClassName('testbuttonlogin').style.display = 'block';
};

[Rsa97]

Tipatakoy, Функция getElementsByClassName возвращает не один элемент, а коллекцию. Соответственно, её надо обойти и для каждого элемента в ней выполнить нужное действие.

[...document.getElementsByClassName('fullformdiv')].forEach(
  el => { el.style.display = 'none'; }
);

[Tipatakoy]

Rsa97, Так уже есть успех. Он скрыл все fullformdiv. Но как добавить в этот код проверку chechkhide.innerText == 'Личный кабинет' чтобы было это условие?

[Tipatakoy]

Rsa97, Написал вот такой код:

if (chechkhide.innerText == 'Личный кабинет') {
    [...document.getElementsByClassName('fullformdiv')].forEach(
  	el => { el.style.display = 'none'; }
);
};

Все заработало, а как дальше прописать этот фрагмент? Чтобы и к этому классу присвоился стиль?
testbuttonlogin.style.display = 'block';

[Tipatakoy]

Rsa97, Все. Спасибо большое. Вы помогли.
Если кому-то из будущего будет интересно, то я просто написал для этого testbuttonlogin.style.display = 'block'; еще раз код по отдельности и в итоге имею:

if (chechkhide.innerText == 'Личный кабинет') {
    [...document.getElementsByClassName('fullformdiv')].forEach(
  	el => { el.style.display = 'none'; }
);
};

		if (chechkhide.innerText == 'Личный кабинет') {
    [...document.getElementsByClassName('wpProQuiz_button')].forEach(
  	el => { el.style.display = 'block'; }
);
};

Answer 2

[Loli E1ON]

const blocks = [...document.querySelectorAll(".fullformdiv")];

if (chechkhide.innerText == 'Личный кабинет') {

    blocks.map(item => item.style.display = 'none');
    testbuttonlogin.style.display = 'block';
};

Comments

[Tipatakoy]

Не помогло