for-in-loopの中でquerySelectorAllを使用する

Question

これはとてもシンプルにする必要があるので少し愚かだと感じていますが、かなり不満を感じています。

私は一度に1つしか表示したくないdivがいくつかあるので、残りを隠したいと思います。私のアプローチ：

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

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

Firefoxは常にelements[i].style.setProperty();は未定義です。 inを使用せずに通常のfor-loopを使用して回避策を講じましたが、なぜこれが機能しないのか知りたいのですが。

ありがとうございます！

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"; 
}