So ändern Sie die URL in einem Link mit Javascript

Question

Ich habe den folgenden Code, aber es funktioniert nicht so, wie ich dachte.

var myList = document.getElementsByTagName("a"); 
 
var url = "http://www.site2.com"; 
 

 
for (i = 0; i < myList.length; i++) { 
 
    url = url + myList[i]; 
 
    alert("the new link is " + url); 
 
    myList[i].setAttribute('href', url); 
 
}

<a href="/link1.html">link1</a> 
 
<a href="/link2.html">link2</a> 
 
<a href="/link3.html">link3</a> 
 
<a href="/link4.html">link4</a> 
 
<a href="/link5.html">link5</a>

Wie dieses Ergebnis zu erhalten:

<a href="http://www.site2.com/link1.html">link1</a> 
<a href="http://www.site2.com/link2.html">link2</a> 
<a href="http://www.site2.com/link3.html">link3</a> 
<a href="http://www.site2.com/link4.html">link4</a> 
<a href="http://www.site2.com/link5.html">link5</a> 

Answer 1

den aktuellen Attributwert holen und dann mit dem url String anhängen, während Attribut festlegen.

var myList = document.getElementsByTagName("a"); 
 
var url = "http://www.site2.com"; 
 

 
for (i = 0; i < myList.length; i++) { 
 
    myList[i].setAttribute('href', url + myList[i].getAttribute('href')); 
 
    //-----------------------------^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^---- 
 
}

<a href="/link1.html">link1</a> 
 
<a href="/link2.html">link2</a> 
 
<a href="/link3.html">link3</a> 
 
<a href="/link4.html">link4</a> 
 
<a href="/link5.html">link5</a>

Answer 2

bekommen href Attribut von Anker und fügen Sie mit url

var myList = document.getElementsByTagName("a"); 
var url = "http://www.site2.com"; 

for (i = 0; i < myList.length; i++) { 
    myurl = url + myList[i].getAttribute('href'); 
    //alert("the new link is " + url); 
    myList[i].setAttribute('href', myurl); 
} 

hier arbeitet Geige
https://jsfiddle.net/wrycuoma/