javascript to replace all instances of a text within [] with hyperlinks

Question

Am now facing an other challenge. Some parts of my html code has the following lines:

<div class="action-body flooded"><p>(In <span class="error">&#91;82681&#93;</span>) refs <a href="/browse/AGLBD-16096" title="GlobalTestSuite tracking">AGLBD-16096</a><br/></div>

I have to get the number with-in the [] and then replace it with a hyperlink. I have tried using document.getElementsByClassName('error') but its not working. how can I make it work? and i would also need to iterate in a loop to replace all such numbers if there are more than one in []. e.g: [123] [234] [345]...

This is all what I have written till now with pimvdb's help:

<script type="text/javascript"> var bodyText = document.getElementById('body').innerHTML; var pattern = /\[.*?\]/g; var replaceText = "<a href=\"www.mysite.com\">Pradeep</a>"; document.getElementById('body').innerHTML = bodyText.replace(pattern, replaceText); </script>

document.body gives you the body element. What you're using looks for an element with the id body. Otherwise, this appears to work. — dank.game
– dank.game, Commented Mar 14, 2012 at 7:44

Fabien Ménager · Accepted Answer · 2012-03-14 07:16:43Z

1

This JSFiddle does what you need: http://jsfiddle.net/TNyms/

answered Mar 14, 2012 at 7:16

Fabien Ménager

140k3 gold badges45 silver badges61 bronze badges

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

Comments

Community · Accepted Answer · 2020-06-20 09:12:55Z

When you replace getElementById('body') with document.body, the code works for me.

var body = document.body; var link = "<a href=\"http://www.mysite.com\">Pradeep</a>"; body.innerHTML = body.innerHTML.replace(/\[.*?\]/g, link);

That replaces all IDs in this with links:

<div class="action-body flooded"> <p>(In <span class="error">&#91;82681&#93;</span>) refs <a href="/browse/AGLBD-16096" title="">AGLBD-16096</a> <br/> </div> <div>[123][abcd]</div> <div>[456]</div> <div>[789]</div>

Outputs:

(In Pradeep) refs AGLBD-16096

Pradeep Pradeep

Pradeep

Pradeep

Try it with this fiddle.

Community · Accepted Answer · 2017-05-23 12:27:47Z

Your question appears to be related to what is asked in the below link. You may refer this

Replace number in a string using regex or something else

Collectives™ on Stack Overflow

javascript to replace all instances of a text within [] with hyperlinks

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related