Использование querySelectorВсе внутри цикла for-in-loop

Question

Я чувствую себя немного глупо, чтобы спросить об этом, потому что это должно быть так просто, но я очень расстроен.

У меня есть несколько div, которые я хочу показать только по одному, поэтому я хочу скрыть остальные. Мой подход:

var elements = document.querySelectorAll("div"); 

for (i in elements) { 
    elements[i].style.setProperty("display", "none"); 
} 

Firefox всегда говорит elements[i].style.setProperty(); неопределен. Я сделал обходной путь с использованием обычного цикла for без использования in, но мне все равно хотелось бы знать, почему это не работает.

Заранее благодарен!

Answer 1

Заменить

elements[i].style.setProperty("display", "none"); 

с

elements[i].style.display = "none"; 

Как HTMLElement.style свойство возвращает CSSStyleDeclaration объект, представляющий встроенные стили элемента как свойства, т.е. style.property = 'value'

И использовать обычный для цикла, когда итерация по объектам, подобным массивам, которые имеют длину, например nodeLists

var elements = document.querySelectorAll("div"); 

for (var i=0; i<elements.length; i++) { 
    elements[i].style.display = "none"; 
}