How to add target="_blank" using replace operator in javascript?

Question

How to replace all the occurrences of

<a href="http://localhost:4000/disease/description/{a random text}"></a>

So here I want to add target="_bank" to all the anchor tags which has the url 'http://localhost:4000/disease/description/*'.I put start because it indicates a random text.

I tried like this

var text = data.replace(/ href="http://localhost:4000/disease/description/*/g,'href="http://localhost:4000/disease/description/* target="_blank"');

But this doesnt work.Can anyone please suggest me help.Thanks.

Carl Edwards · Accepted Answer · 2017-11-30 06:22:36Z

1

You could use document.querySelectorAll() to grab anchors starting with that url. From there, loop through them and set the target attribute via setAttribute:

const anchors = document.querySelectorAll('a[href^="http://localhost:4000/disease/description"]');

Array.from(anchors).forEach(a => a.setAttribute('target', '_blank'));

<a href="http://localhost:4000/disease/description">Disease Description 1</a>
<a href="http://localhost:4000/disease/description">Disease Description 2</a>
<a href="http://localhost:4000/disease/description">Disease Description 3</a>

<a href="">Dummy Link</a>
<a href="">Dummy Link</a>
<a href="">Dummy Link</a>

answered Nov 30, 2017 at 6:22

Carl Edwards

14.6k12 gold badges70 silver badges131 bronze badges

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

Comments

moon · Accepted Answer · 2017-11-30 06:15:23Z

0

Like this.

I don't know why but this JsFiddle Code doesn't work here, but if you run it on your IDE, it works properly.

var a = document.querySelector('a');
a.href = 'https://google.com';
a.target = '_blank';

<a>Google</a>

answered Nov 30, 2017 at 6:15

moon

6706 silver badges14 bronze badges

Comments

jitender · Accepted Answer · 2017-11-30 06:18:05Z

0

What about

var data='<a href="http://localhost:4000/disease/description/{a random text}"></a>'

var c = data.replace('<a','<a target="_bank"')

console.log(c)

answered Nov 30, 2017 at 6:18

jitender

10.4k1 gold badge22 silver badges49 bronze badges

Comments

Hsueh Ming-Fang · Accepted Answer · 2017-11-30 06:18:44Z

0

for example, in your case:

data ='<a href="http://localhost:4000/disease/description/{a random text}"></a>';
var text = data.replace(/href="http:\/\/localhost:4000\/disease\/description\/([^"]*)"/g,'href="http://localhost:4000/disease/description/$1" target="_blank"');
console.log( text );

answered Nov 30, 2017 at 6:18

Hsueh Ming-Fang

1243 bronze badges

Collectives™ on Stack Overflow

How to add target="_blank" using replace operator in javascript?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related