Страницы

Поиск по вопросам

пятница, 29 марта 2019 г.

Почему я не могу изменить стили элемента по их классу?

Подскажите, пожалуйста, почему по id могу изменять свойства элемента, а по классу - нет?
function show(){ document.getElementById('idsquare').style.display = "none"; document.getElementsByClassName('square').style.display = "none"; } .square, #idsquare{ width: 100px; height:100px; } .square{ background-color: #FF6699 } #idsquare { background-color: #FF0099 } Нажми меня!



Ответ

Это потому, что ID может быть только один у элемента и в единственном экземпляре на всей странице , а классов одинаковым множество, или надо прописать индекс класса, как я сделал или прокручивать все классы в цикле
function show(){ document.getElementById('idsquare').style.display = "none"; document.getElementsByClassName('square')[0].style.display = "none"; } .square, #idsquare{ width: 100px; height:100px; } .square{ background-color: #FF6699 } #idsquare { background-color: #FF0099 } Нажми меня!


Комментариев нет:

Отправить комментарий