Získejte více prvků podle ID

Mám stránku s kotvicími značkami v celém těle takto:

<a id="test" name="Name 1"></a>
<a id="test" name="Name 2"></a>
<a id="test" name="Name 3"></a>

ID je vždy stejné, ale název se mění.

Potřebuji například naplnit seznam názvů těchto kotevních značek; Jméno 1, Jméno 2, Jméno 3. Tady jsem se zatím dostal:

document.write(document.getElementById("readme").name);

Tím se vypíše název prvního kotevního tagu. Potřebuji způsob, jak získat více prvků podle ID.

Velmi si vážíme jakékoli pomoci.

Odpověď

Pokud můžete změnit označení, možná budete chtít použít class místo toho.

HTML

<a class="test" name="Name 1"></a>
<a class="test" name="Name 2"></a>
<a class="test" name="Name 3"></a>

JS

var elements = document.getElementsByClassName("test");
var names = '';
for(var i = 0; i < elements.length; i++) {
    names += elements[i].name;
}
document.write(names);

jsfiddle demo