concatenare variabili JavaScript per selezione elementi

[monday]

Ecco la parte di codice che ho scritto, con la quale ho tentato di richiamare gli elementi 'a' dei 3 div e metterli in unico array 'w' al quale applico la funzione. Ma purtroppo tale funzione non riesce ad operare su 'w', temo che ci sia un errore proprio nella definizione di quest'ultimo. Qual è l'errore?

x=document.querySelectorAll("#div1 > a");
y=document.querySelectorAll("#div2 > a");
z=document.querySelectorAll("#div3 > a");
var w=[];
w.push(x);
w.push(y);
w.push(z);
for(i=0;i<w.length;i++){
                w[i].onclick=function(){nomefunzione}
                }

P.S. escludo che sia la funzione il problema perchè agisce in modo corretto su altre variabili

[lucavizzi]

Qual è l'errore?

Non puoi associare una funzione direttamente ad una collezione di elementi del DOM, devi eseguire un loop sulla collezione ed assegnare la funzione al singolo elemento:

x=document.querySelectorAll("#div1 > a");
y=document.querySelectorAll("#div2 > a");
z=document.querySelectorAll("#div3 > a");
var w=[];
w.push(x);
w.push(y);
w.push(z);
for(i=0;i<w.length; i++){
    var collection=w[i];
    for(var j=0; j<collection.length; j++){
        collection[j].onclick=function(){nomefunzione}
    }
}

[monday]

Non puoi associare una funzione direttamente ad una collezione di elementi del DOM, devi eseguire un loop sulla collezione ed assegnare la funzione al singolo elemento:

x=document.querySelectorAll("#div1 > a");
y=document.querySelectorAll("#div2 > a");
z=document.querySelectorAll("#div3 > a");
var w=[];
w.push(x);
w.push(y);
w.push(z);
for(i=0;i<w.length; i++){
    var collection=w[i];
    for(var j=0; j<collection.length; j++){
        collection[j].onclick=function(){nomefunzione}
    }
}

Ho verificato, adesso funziona. Grazie mille