Errore su style.display

[techno]

Ciao a tutti, ho questos emplice script:

const cntSpeakersH = document.querySelectorAll(".cnt-speakers-h");
cntSpeakersH.style.display = "block";

Mi da questoe rrore:
Uncaught TypeError: Cannot set properties of undefined (setting 'display')

se faccio:

alert(cntSpeakersH.lenght);

Mi da 1 quindi il nodo ce perche spaglio la proprietà?

[techno]

Ok risolto sbagliano con document.querySelectorAll che doveva essere semplicemente document.querySelector

[alka]

Un selettore CSS può corrispondere a più elementi, anzi molto spesso è proprio così, quindi querySelectorAll ti fornisce tutti gli elementi che soddisfano il selettore specificato, ergo il valore restituito è un array di elementi.

La proprietà display è disponibile su uno degli elementi, non sull'array, ovviamente.

P.S.: impostare le proprietà di stile CSS tramite JavaScript si può ottimizzare usando le classi (da aggiungere o togliere dall'elemento) e definendo gli stili dentro ai CSS. E' una strada più performante e manutenibile, soprattutto quando gli stili da modificare sono tanti e non solo il "display" in questo caso.