replace domain name by javascript

Question

replace domain name by js or jquery

my old domain is : www.a.com

new domain is : www.b.com

how to replace all a href links and canonical url with new domain for example

<a href="http://www.a.com/a.html">test</a>

replace with

<a href="http://www.b.com/a.html">test</a>

and

<link rel="canonical" href="http://a.com/a.html">

replace with

<link rel="canonical" href="http://b.com/a.html">

This seems a bit of a hacky solution. Why would you not update the source directly? — Rory McCrossan
– Rory McCrossan, Commented Sep 4, 2019 at 8:49
It could be part of a bookmarklet intended to replace website.com with archiveofwebsite.com (practically speaking, replace reddit.com with removeddit.com) — pbarney
– pbarney, Commented Feb 27, 2020 at 16:21

Code Maniac · Accepted Answer · 2019-09-04 11:21:33Z

3

You can use URL api to find and replace hostname

const anchorTags = document.querySelectorAll('a')
anchorTags.forEach( anchor => {
  const href = anchor.getAttribute('href');
  const parsed = new URL(href)
  if (parsed.hostname === 'www.a.com') {
    parsed.hostname = 'www.b.com'
    anchor.setAttribute('href', parsed)
  }
})
console.log([...anchorTags.values()])

<a href="http://www.a.com/a.html">Link 1</a>
<a href="http://www.a.com/a.html">Link 2</a>
<a href="http://www.a.com/a.html">Link 3</a>
<a href="http://www.c.com/a.html">This link should not be touched</a>

edited Sep 4, 2019 at 11:21

answered Sep 4, 2019 at 9:56

Code Maniac

37.9k5 gold badges44 silver badges65 bronze badges

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

Comments

Mihai T · Accepted Answer · 2019-09-04 09:10:47Z

2

Not sure why you want to do this and not sure where your <link> elements are located But to change the href of the a elements you can use this

const a = document.querySelectorAll('a')
a.forEach((elem) => {
  const href = elem.getAttribute('href');
  if ( href.includes('www.a.com') ) {
   elem.setAttribute('href', href.replace('www.a.com','www.b.com'))
  }
})
console.log(a)

<a href="http://www.a.com/a.html">test</a>
<a href="http://www.a.com/a.html">test2</a>
<a href="http://www.a.com/a.html">test3</a>
<a href="http://www.c.com/a.html">dont change me</a>

answered Sep 4, 2019 at 9:10

Mihai T

17.8k2 gold badges26 silver badges35 bronze badges

2 Comments

Mihai T Over a year ago

well it's the same. Just select them in document.qureySelectorAll. Where are they located ?

Mihai T Over a year ago

@CodeManiac touche`

Collectives™ on Stack Overflow

replace domain name by javascript

replace domain name by js or jquery

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

replace domain name by js or jquery

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related