функция замены части url в нескольких значениях

[aurastudia]

Я новичок и полный чайник в JS.
Попытался сделать партнерскую страничку, на которой партнер введя свой код может скопировать ссылки рекламных банеров с уже вставленным "своим кодом".
Для этого воспользовался getElementById, но так как ID для этого метода ID должен быть уникальным, то получается довольно большой код. Хотя тег "href" везде одинаковый. Как упростить скрипт?

Вот что я смог))):

<script type="text/javascript">
function changeText2(){
var userZP = document.getElementById('userZP').value;
document.getElementById('p1').innerHTML = userZP;
document.getElementById('p2').innerHTML = userZP;
document.getElementById('p3').innerHTML = userZP;
document.getElementById('p4').innerHTML = userZP;
document.getElementById('p5').innerHTML = userZP;
document.getElementById('p6').innerHTML = userZP;
document.getElementById('p7').innerHTML = userZP;
document.getElementById('p8').innerHTML = userZP;
}
</script>

<DIV>&nbsp;</DIV>
<input type='text' id='userZP' value='ZP' size='10' maxlength='10' /><input type='button' onclick='changeText2()' value='Получить код'/>


<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV>Скопируйте код банера 1: &lt;a href=<b>https://z-payment.com/click.php?ZP_AGENT=</b><font color="#cc0000"><b id='p1'>ZPХХХХХХХХ</b></font><b>&ID_SHOP=14946</b>&gt;&lt;IMG alt="" height=100 src="http://www.site.ru/baner/01.jpg" width=100&gt;&lt;/a&gt; </DIV>
<DIV>&nbsp;</DIV>
<DIV>Скопируйте код банера 2: &lt;a href=<b>https://z-payment.com/click.php?ZP_AGENT=</b><font color="#cc0000"><b id='p2'>ZPХХХХХХХХ</b></font><b>&ID_SHOP=14946</b>&gt;&lt;IMG alt="" height=100 src="http://www.site.ru/baner/02.jpg" width=200&gt;&lt;/a&gt; </DIV>
<DIV>&nbsp;</DIV>
<DIV>Скопируйте код банера 3: &lt;a href=<b>https://z-payment.com/click.php?ZP_AGENT=</b><font color="#cc0000"><b id='p3'>ZPХХХХХХХХ</b></font><b>&ID_SHOP=14946</b>&gt;&lt;IMG alt="" height=200 src="http://www.site.ru/baner/03.jpg" width=100&gt;&lt;/a&gt; </DIV>
<DIV>&nbsp;</DIV>
<DIV>Скопируйте код банера 4: &lt;a href=<b>https://z-payment.com/click.php?ZP_AGENT=</b><font color="#cc0000"><b id='p4'>ZPХХХХХХХХ</b></font><b>&ID_SHOP=14946</b>&gt;&lt;IMG alt="" height=200 src="http://www.site.ru/baner/04.jpg" width=200&gt;&lt;/a&gt; </DIV>
<DIV>&nbsp;</DIV>
<DIV>Скопируйте код банера 5: &lt;a href=<b>https://z-payment.com/click.php?ZP_AGENT=</b><font color="#cc0000"><b id='p5'>ZPХХХХХХХХ</b></font><b>&ID_SHOP=14946</b>&gt;&lt;IMG alt="" height=300 src="http://www.site.ru/baner/05.jpg" width=100&gt;&lt;/a&gt; </DIV>
<DIV>&nbsp;</DIV>
<DIV>Скопируйте код банера 6: &lt;a href=<b>https://z-payment.com/click.php?ZP_AGENT=</b><font color="#cc0000"><b id='p6'>ZPХХХХХХХХ</b></font><b>&ID_SHOP=14946</b>&gt;&lt;IMG alt="" height=300 src="http://www.site.ru/baner/06.jpg" width=100&gt;&lt;/a&gt; </DIV>
<DIV>&nbsp;</DIV>
<DIV>Скопируйте код банера 7: &lt;a href=<b>https://z-payment.com/click.php?ZP_AGENT=</b><font color="#cc0000"><b id='p7'>ZPХХХХХХХХ</b></font><b>&ID_SHOP=14946</b>&gt;&lt;IMG alt="" height=400 src="http://www.site.ru/baner/07.jpg" width=200&gt;&lt;/a&gt; </DIV>
<DIV>&nbsp;</DIV>
<DIV>Скопируйте код банера 8: &lt;a href=<b>https://z-payment.com/click.php?ZP_AGENT=</b><font color="#cc0000"><b id='p8'>ZPХХХХХХХХ</b></font><b>&ID_SHOP=14946</b>&gt;&lt;IMG alt="" height=400 src="http://www.site.ru/baner/08.jpg" width=200&gt;&lt;/a&gt; </DIV>
<DIV>&nbsp;</DIV>

[рони]

aurastudia,
for

[aurastudia]

for

Покажите пожалуйста "чайнику" как это будет выглядеть в скрипте полностью.

[рони]

aurastudia,

function changeText2(){
 var userZP = document.getElementById('userZP').value;
 for (var i=1; i<9; i++)  {document.getElementById('p' + i).innerHTML = userZP;}
 }

[aurastudia]

Большое спасибо Рони!!!
А не подскажите, как сделать чтобы партнерский URL отображался в тексте при нажатии кнопок социальных сетей?

[рони]

А не подскажите, как сделать чтобы партнерский URL отображался в тексте при нажатии кнопок социальных сетей?

что вы тут написали для меня загадка

[aurastudia]

Для распространении информации о странице я пользуюсь сервисом http://share42.com/ru И при нажатии "посетителем" на кнопку соц.сети в отдельном окошке открывается сообщение для публикации с информацией об этой странице. Т.е. в сообщении указан url самой страницы, где нажата кнопка. А мне надо чтобы в сообщении был "партнерский URL" - созданный в скрипте в начале этой темы.

Простыми словами: Посетитель (партнер) вводит свой ZP и получает сформированную партнерскую ссылку.
Ниже расположены кнопки социальных сетей, при нажатии на которые его партнерская ссылка с кратким описанием публикуется у него на страничке в соц.сети.

[рони]

aurastudia,