Почему не работает простейшая функция на JS?

Question

[Max]

Здравствуйте, скажите пожалуйста почему может не работать такая функция?

function showMnu(){
	var el = document.querySelectorAll('.show > ul > li');
	el.style.display = (el.style.display == 'none') ? 'block' : 'none';
}

Ошибка в консоли: Uncaught TypeError: Cannot read property 'display' of undefined

Answer 1

[Сергей Родюшкин]

document.querySelectorAll возвращает NodeList, а вы пытаетесь работать с ним, как с элементом. Это ж вам не jQuery! Так должно сработать:

var elements = document.querySelectorAll('.show > ul > li');
for (var i = 0; i < elements.length; ++i) {
    elements[i].style.display = (elements[i].style.display == 'none') ? 'block' : 'none';
}

Comments

[Max]

Спасибо!)