Change href of <a> element using javascript

Question

Please, code to change domain in href (html, JavaScript).

Exemple:

<a id="NewL" href="http://exemple.com/indice.html">Indice</a>

To:

<a id="NewL" href="http://exemple.net/indice.html">Indice</a>

Exemple code not working:

<script  type = "text/javascript" >
function replace() {
    var aEls = document.getElementById('NewL').getElementsByTagName('a');
    aEls.href = aEls.href.replace('http://exemple\.com', 'http://exemple\.net');
}
</script>

Thanks, @t.niese:

<a id="NewL" href="http://exemple.com/indice.html">Indice</a>

<script  type="text/javascript" >
function replace() {
    var aEl = document.getElementById('NewL');
    aEl.href = aEl.href.replace('http://exemple.com', 'http://exemple.net');
}
replace();
</script>

Please help me, not change in various ID in same page:

   <a id="NewL" href="http://exemple.com/indice.html">Indice</a>
   <a id="NewL" href="http://exemple.com/indice2.html">Indice 2</a>

    <script  type="text/javascript" >
    function replace() {
        var aEl = document.getElementById('NewL');
        aEl.href = aEl.href.replace('http://exemple.com', 'http://exemple.net');
    }
    replace();
    </script>

t.niese · Accepted Answer · 2015-11-10 13:01:24Z

1

Element.getElementsByTagName():

[...]The subtree underneath the specified element is searched, excluding the element itself.[...]

so you search for the elements with the tag name a within your element with the id NewL

Because document.getElementById('NewL') is already your a element, you won't need the getElementsByTagName('a'), as of that you should only write:

 var aEl = document.getElementById('NewL');

Also your replace is wrong, you don't need to escape the . if you pass the search as string.

 aEl.href = aEl.href.replace('htp://exemple.com', 'htp://exemple.net');

Beside that Element.getElementsByTagName() returns a list of elements, so even if your search would have been correct, you would need to use a loop to iterate through that result.

edited Nov 10, 2015 at 13:01

answered Nov 10, 2015 at 12:55

t.niese

41k9 gold badges78 silver badges111 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

t.niese Over a year ago

@jmsmarcelo Here is a jsfiddle and it is working fine, the .com is replaced by the .net, so you most likely did something else wrong.

epascarello Over a year ago

@jmsmarcelo Are there error messages in the console? Are you calling the replace method?

jmsmarcelo Over a year ago

@t.niese, Please, And when have several tag it only works in the first.

t.niese Over a year ago

@jmsmarcelo ids have to be unique so you can only have on element with id="NewL" on your page, without knowing how you can identify the links you want to change it is not possible to answer your question.

Dirk-Jan · Accepted Answer · 2015-11-10 12:55:35Z

0

change your javascript to the following:

<script  type = "text/javascript" >
function replace() {
    var aEl = document.getElementById('NewL');
    aEl.href = aEl.href.replace('htp://exemple\.com', 'htp://exemple\.net');
}
</script>

You already selected the element by the getElementById no need to find the a class in it. Also you mispelled the variable which I changed to aEl

answered Nov 10, 2015 at 12:55

Dirk-Jan

1,1491 gold badge10 silver badges21 bronze badges

Collectives™ on Stack Overflow

Change href of <a> element using javascript

2 Answers 2

4 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Related