Rechercher + remplacer le contenu d'un élément sans perdre d'événements

Question

J'ai une fonction qui lit le contenu d'un élément, remplace un mot par un lien, puis réécrit le contenu dans l'élément. Évidemment, cela signifie que tous les événements précédemment définis sont perdus.

Est-ce que quelqu'un connaît une fonction/méthode qui pourrait trouver et remplacer le contenu d'un élément sans perdre les événements?

Edit: Sans utiliser une bibliothèque

Voici mon code actuel qui ne détruit pas les événements mais se <, par exemple, en <, donc je ne peux pas ajouter HTML. Ceci est le plus proche j'ai:

element.appendChild(document.createTextNode(content)); 

Mon code d'origine a travaillé, mais débarrassé des événements:

element.innerHTML += content; 

Answer 1

En utilisant jQuery, vous pouvez le faire avec la méthode text()

var str = $('#element-id').text(); 
str = yourReplaceFunction(str); 
$('#element-id').text(str); 

---

Editer:

Une autre option serait la propriété innerHTML. Ce n'est pas très élégant mais ça marche quand même.

var strElem = document.getElementById('element-id'); 
var str = strElem.innerHTML; 
str = yourReplaceFunction(str); 
strElem.innerHTML = str; 

---

Edit2:

Une autre option serait d'envelopper le texte que vous voulez remplacer l'intérieur d'une étiquette séparée, par exemple <span>. Ensuite, il vous suffit d'accéder au contenu de la balise span et de le remplacer, sans toucher aux éléments environnants.