Изменить все ссылки на сайте
 

Добрый день, подскажите, можно ли с помощью js изменить все ссылки на сайте в которых есть стиль. Приведу пример что нужно, на сайте на некоторых страницах будут встречаться ссылки вида:

<a id="doc" href="http://site.ru/promo/test" target="_blank">Сайт</a>
<a id="doc" href="http://site.ru/promo/mir" target="_blank">Сайт</a>
<a id="doc" href="http://site.ru/promo/sopr" target="_blank">Сайт</a>

Задача в том, чтобы только к тем ссылкам, в которых есть к примеру id="doc" в конец добавлялась стока, вот что должно стать с ссылками выше в итоге:

<a id="doc" href="http://site.ru/promo/test?template=accessibility" target="_blank">Сайт</a>
<a id="doc" href="http://site.ru/promo/mir?template=accessibility" target="_blank">Сайт</a>
<a id="doc" href="http://site.ru/promo/sopr?template=accessibility" target="_blank">Сайт</a>

Тоесть в конец ссылок добавляется ?template=accessibility

да
что такое стиль?
и почему все id одинаковы?

Leon2110, id уникален, не должно быть больше одного. Предлагаю сменить id на class.

<a class="doc" href="http://site.ru/promo/test" target="_blank">Сайт</a>
<a class="doc" href="http://site.ru/promo/mir" target="_blank">Сайт</a>
<a class="doc" href="http://site.ru/promo/sopr" target="_blank">Сайт</a>

window.addEventListener('DOMContentLoaded', function() {
  var i, links = document.querySelectorAll('.doc');

  for(i = 0; i < links.length; i++) {
    links[i].search = 'template=accessibility';
  }
});

Да я не совсем правильно написал, наверное это селектор и похоже правильнее будет использовать class , т.к. они все одиковые будут. Или может для решения этой задачи нужно использовать что-то вообще другое.

То что нужно, работает отлично. Спасибо за помощь.