How to replace a href link of a specific web using Javascript?

Question

I have many links from the same web but with different dirreciones

<a href="somelink.com/1" title="this link">
</a>
<a href="somelink.com/2" title="this link">
</a>
<a href="somelink.com/3" title="this link">
</a>
<a href="somelink.com/3" title="this link">
</a>

He tried to use the code but it does not work for me since he searches for a specific url and not all

var a = document.querySelector('a[href="somelink.com"]');
if (a) {
  a.setAttribute('href', 'replacedlink.com')
}
<a href="somelink.com" title="this link">
</a>

How could I do it in a massive way and do it to all the url of a web site in estecifico for example: somelink.com

The fourth bird · Accepted Answer · 2019-03-03 12:01:22Z

1

You could use an attribute selector ^= to check if the href starts with somelink.com. Then you could replace the url :

document.querySelectorAll('a[href^="somelink.com"]').forEach(
  x => x.href = x.href.replace("somelink.com", "replacedlink.com")
);

<a href="somelink.com/1" title="this link">a
</a>
<a href="somelink.com/2" title="this link">b
</a>
<a href="somelink.com/3" title="this link">c
</a>
<a href="somelink.com/3" title="this link">d
</a>
<a href="otherlink.com/3" title="this link">e
</a>

If you want to replace the whole link, you could set the href attribute to the new link:

document.querySelectorAll('a[href^="somelink.com"]').forEach(
  x => x.href = "replacedlink.com"
)

<a href="somelink.com/1" title="this link">a
</a>
<a href="somelink.com/2" title="this link">b
</a>
<a href="somelink.com/3" title="this link">c
</a>
<a href="somelink.com/3" title="this link">d
</a>
<a href="otherlink.com/3" title="this link">e
</a>

edited Mar 3, 2019 at 12:01

answered Mar 3, 2019 at 11:30

The fourth bird

165k16 gold badges61 silver badges75 bronze badges

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

2 Comments

juan Over a year ago

thanks, but how would you replace the whole url osea somelink.com/1 -> replacedlink.com, removing the parameter / 1

The fourth bird Over a year ago

@juan In that case you can set the href attribute to the new link. I have updated my answer with an example.

Abdullah Masood · Accepted Answer · 2019-03-03 10:24:28Z

0

 Try adding class to the links and then use get element by class and replace the link
       <a href="www.google.com" class="abc">my url</a>
        var i=document.getElementByClass("abc");
          for(let j=0;j<i.length;j++){
           i[j].href='newUrl';
            }

answered Mar 3, 2019 at 10:24

Abdullah Masood

113 bronze badges

2 Comments

juan Over a year ago

in my case the url have no class, they are stored in a database

Abdullah Masood Over a year ago

then u can concat the url on click like if u have base url www.facebook.com and you want to go to setting page y can add the value on click so the url becomes www.facebook.com/settings

Sakthikanth · Accepted Answer · 2019-03-03 12:00:46Z

0

For multiple items we can replace this way:

var a = document.querySelectorAll('.your_attr_class').forEach( (item)=>{ 

      if(item.href.startsWith('http://somelink.com')){
        item.href.replace('http://somelink.com','http://replacewith.com');
      }

});

edited Mar 3, 2019 at 12:00

answered Mar 3, 2019 at 10:56

Sakthikanth

1397 bronze badges

2 Comments

juan Over a year ago

I do not work, my friend, because the urls have parameters

Sakthikanth Over a year ago

You can check the href with startsWith method and then can replace as you want.

Collectives™ on Stack Overflow

How to replace a href link of a specific web using Javascript?

3 Answers 3

2 Comments

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related