Не понимаю почему не удается скрыть элемент при помощи свойства hidden

Question

Здраствуйте! Буду краток, у меня есть масив элементов (В данном случае кнопок), которым я в цикле присваиваю ID, пример: "id1", "id2", "id3"...

for (var i = 0; i < ABC.length; i++) {
    var letter = document.createElement('button', value = ABC[i]);
                letter.innerHTML = ABC[i];
                letter.setAttribute("id", "id" + i);
letter.onclick = function (e) {
                    mainForm.result.value += "" + e.target.innerHTML;
                };
                document.body.append(letter);
}

При нажатии на одну из кнопок должны скрыться элементы между под индексами 26-31, я попробовал решить проблему следующим образом:

eng.onclick = function (eng) {
for (var j = 26; j < ABC[i]; j++) {
                         document.getElementById('id' + j).hidden = true;
                    }
}

Но, как вы могли понять, ничего не работает. Возможно кто-то знает причину? Либо любой другой возможный способ. Буду благодарен.

Answer 1

for (var j = 26; j < ABC.length; j++) {
                        ^^^^^^^

function toggle() {
  let test = document.getElementById("test");
  test.hidden = !test.hidden;
  console.log(test.hidden);
}

<div id="test">TEST</div>
<button onclick="toggle()">Click</button>

БЛОГ НА HUSL

Не понимаю почему не удается скрыть элемент при помощи свойства hidden

Ответы (1 шт):