Creates a nested change

[SimonPhilpott]

I've added function to include a href and target when finding and replacing with an anchor link;

The script trips over itself. if I try and find and replace a match within a second previously compiled match;

i.e. Some
and
Some Body

findAndReplaceDOMText(document.getElementById('newsPage'), {
find: 'Some',
wrap: 'a',
wrapClass: 'ClassOne',
wrapTarget: '_blank',
wrapLink: 'http://www.linkOne.com'
});

findAndReplaceDOMText(document.getElementById('newsPage'), {
find: 'Some Body',
wrap: 'a',
wrapClass: 'ClassTwo',
wrapTarget: '_blank',
wrapLink: 'http://www.linkTwo.com'
});

Outputs

<a class="ClassOne" href="http://www.LinkOne.com" target="_blank"><a class="ClassTwo" href="http://www.LinkTwo.com" target="_blank">Some</a></a>
<a class="ClassTwo" href="http://www.LinkTwo.com" target="_blank"> Body</a>

A more elegant solution would be be to have the replace on 'Some' not happen.

<a class="ClassOne" href="http://www.LinkOne.com" target="_blank">Some</a>
<a class="ClassTwo" href="http://www.LinkTwo.com" target="_blank"> Body</a>