How to target .style attribut with .querySelectorAll selector?

Question

I have selected a specific class via .querySelectorAll:

var hit3 = document.querySelectorAll(\".lattern.hit-3 .circle\");

I am now

Answer 1

querySelectorAll return a node list so you should specify the index of element you want to change :

hit3[0].style.visibility = "visible";

If you want to change the css of all the elements returned you should loop through them, see Johny's answer.

Hope this helps.