1

I need to replace all Instances of "®" with "< sup >®< sup >" in the body of a website. But if I use the replace function, all the Eventhandlers that are attached get unhooked. How can I avoid that?

jsFiddle

document.body.innerHTML = document.body.innerHTML.replace(/\u00AE/, '<sup>&reg;</sup>')
Robin
  • 1,170
  • 1
  • 10
  • 21
  • Can you give an example? Display some source code in a snippet for us to view or jsfiddle? We debug you code, give us something to work with. Thank you. – NewToJS Feb 13 '15 at 10:38
  • Use the DOM, instead of fiddling with HTML strings (have a look at [this](http://stackoverflow.com/a/10416898/1048572)). Also, try to do it serverside, and you won't have any problems. – Bergi Feb 13 '15 at 10:43
  • You have to iterate through the text nodes and replace – Arun P Johny Feb 13 '15 at 11:02

1 Answers1

1

I suspect that you replace your whole document innerHTML to change every instance of ®. This will result in the destruction of all HTML elements contained in your document and the creation of a set of totally new ones. That is the reason your event handlers get unhooked.

To do this without loosing your event handlers you would have to iterate over every element (or at least every element which could contain a ®) and only replace it's innerHTML if it contains an ®. But even this could kill some of your event handlers if the constellation is unfortunate.

Another solution could be to use another font for the ®. With webfonts it is possible to load fonts that only contain certain characters. That way you could replace the font used for the ® with a font that already displays it superscripted.

Nico Wiedemann
  • 174
  • 2
  • 10