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

[Webtest]

Здравствуйте.

Есть несколько строк с классом:
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]

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

[Webtest]

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