Подскажите, пожалуйста, почему по 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
}
Нажми меня!
Комментариев нет:
Отправить комментарий