Javascript : innerHTML.replace use URL

Question

this ori html code

<td>Name: <b>ozawa</b><br />Country: <b>Japan</b></td>
<td>Name: <b>alexas</b><br />Country: <b>USA</b></td>

my js code

document.body.innerHTML = document.body.innerHTML.replace(new RegExp('<Name: <b>', 'g'),'Name: <a href="http://www.example.com/user/')
                                                 .replace(new RegExp('<\/b><br>Country:', 'g'),'" target="_blank" ><b>???????<\/b><\/a><br>Country:');

output from my js

<td>Name: <a href="http://www.example.com/user/ozawa" target="_blank" ><b>???????</b></a><br />Country: <b>Japan</b></td>
<td>Name: <a href="http://www.example.com/user/alexas" target="_blank" ><b>???????</b></a><br />Country: <b>USA</b></td>

how change ??????? to name ozawa and alexas use js, any idea ?

i want ouput

<td>Name: <a href="http://www.example.com/user/ozawa" target="_blank" ><b>ozawa</b></a><br />Country: <b>Japan</b></td>
<td>Name: <a href="http://www.example.com/user/alexas" target="_blank" ><b>alexas</b></a><br />Country: <b>USA</b></td>

Thanks for everybody who can help me :D

document.body.innerHTML = document.body.innerHTML.replace(new RegExp('<Name: ', 'g'),'Name: <a href="http://www.example.com/user/') .replace(new RegExp('<\/b> Country:', 'g'),'" target="_blank" >???????<\/b><\/a> Country:'); replace by document.body.innerHTML = document.body.innerHTML.replace(new RegExp('<Name: ', 'g'),'Name: <a href="http://www.example.com/user/') .replace(new RegExp('<\/b> Country:', 'g'),'" target="_blank" >ozawa<\/b><\/a> Country:'); — Just code
– Just code, Commented Nov 23, 2013 at 12:20
now i'm edit again to 1st code, code error after change. now use 2 lines. — james bond
– james bond, Commented Nov 23, 2013 at 12:33

php_nub_qq · Accepted Answer · 2013-11-23 12:45:02Z

3

This would be a million times easier done with PHP. Anyway,

document.body.innerHTML = document.body.innerHTML
.replace(new RegExp('<td>Name: <b>(.*?)<\/b>', 'g'),
'<td>Name: <a href="http://www.example.com/user/$1" target="_blank"><b>$1</b></a>');

You should seriosuly consider removing those  tags and using css instead.

edited Nov 23, 2013 at 12:45

answered Nov 23, 2013 at 12:39

php_nub_qq

16.1k25 gold badges84 silver badges150 bronze badges

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

2 Comments

php_nub_qq Over a year ago

@jamesbond I had a slight mistake in the regex, ? was placed outside (.*). I edited the answer and it is correct now. Good luck! :)

Just code Over a year ago

Gud one +1 from my side

Collectives™ on Stack Overflow

Javascript : innerHTML.replace use URL

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related