Anden funktion end getElementById

Hej med jer.

jeg har nedenstående kode som i dag virker:

Forklaring: Man trykker på et link og linket ændrer funktionen der kaldes næste, gang man klikker på samme link.

HTML...

<code>   
    <a id="test" name="tester1" href="#" onclick="klikket("test");">Testknap</a>
</code>

Javascript...   

<code>
    function klikket(id) {
        knap = document.getElementById(id).style.display='block';
       
        knap.onclick = function () { denneSkalNuKaldesIStedet(id); return false; };
        knap.innerHTML = 'Ny funktion';
    }

    function denneSkalNuKaldesIStedet(id) {
        // DoSomething
    }
</code>
   
Spørgsmålet...

Nu er det så at jeg ville høre om man kunne lave det samme ved at bruge en anden funktion end getElementById? f.eks. getElementsByName eller andet? Hvordan gør man??

Grunden til jeg ikke kan bruge denne er at der er en style bundet op på id'et test som jeg ikke kan ændre, og jeg har et variabelt antal testere.

Dvs. jeg skal faktisk have:
<code>
    <a id="test" name="tester1" href="#" onclick="klikket("tester1");">Testknap</a>
    <a id="test" name="tester2" href="#" onclick="klikket("tester2");">Testknap</a>
    <a id="test" name="tester3" href="#" onclick="klikket("tester3");">Testknap</a>
    <a id="test" name="tester4" href="#" onclick="klikket("tester4");">Testknap</a>
</code>
Jeg har en

a#test ... {
    osv. osv.
}

Håber spørgsmålet er til at forstå.