Выбор конкретного элемента при одинаковом id
 

Вообщем у меня три кнопки с одинаковым id :yes: (да да), но разным содержимым.

<a id="films" class="button xbox" onclick='getFilmById();'>film1</a>
<a id="films" class="button xbox" onclick='getFilmById();'>film2</a>
<a id="films" class="button xbox" onclick='getFilmById();' >film3</a>

есть ли возможность что при выдергивании с помощь JS
document.getElementById("films").innerHTML;

JS выдергивал конкретное содержимое при нажатии конкретной кнопки?


Понимаю, что вопрос глупый(так как id априори подразумевает назначение конкретному элементы) но есть ли такая возмодность?

А такого быть не должно, сколько об этом говорить можно.

ну насколько я знаю всегда будет 'выдёргивать' или только первый или случайный...

<a id="films" class="button xbox" onclick='getFilmById(this);'>film1</a>
<a id="films" class="button xbox" onclick='getFilmById(this);'>film2</a>
<a id="films" class="button xbox" onclick='getFilmById(this);' >film3</a>

function getFilmById(e) {
   return alert(e.innerHTML);
}