Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как взять элементы по классу и изменить им свойство в цсс при клике на кнопку? (https://javascript.ru/forum/dom-window/50013-kak-vzyat-ehlementy-po-klassu-i-izmenit-im-svojjstvo-v-css-pri-klike-na-knopku.html)

Webtest 07.09.2014 21:52

Как взять элементы по классу и изменить им свойство в цсс при клике на кнопку?
 
Здравствуйте.

Есть несколько строк с классом:
tr.hiddenTR {display: none;}
И кнопка:
<input type="button" value="Показать остальные сообщения" class="questionBtn" onclick='showAll()'>

Подскажите как у всех элементов с классами .hiddenTR изменить значение display на блок, при клике на кнопку?
Я пробовал так:
function showAll(){
	document.getElementsByClassName('hiddenTR').style.display = 'block';
}

Но не работает, пробовал getElemeltByID тоже не работает.
Еще пробовал так:
function openTR() {
document.getElementById('.hiddenTR').style.display='block';
}
document.getElementById("showAll").onclick = openTR;

Vlasenko Fedor 07.09.2014 22:59

function showAll(){
	var hiddenTR = document.querySelectorAll('tr.hiddenTR');
    for (var i = 0; i < hiddenTR.length; i++) {
        hiddenTR[i].style.display = 'block';
    }
}

Webtest 08.09.2014 12:09

Poznakomlus, спасибо, все работает.


Часовой пояс GMT +3, время: 17:45.