javascript - 在不丢失事件的情况下查找+替换元素的内容

Question

我有一个函数可以读取元素的内容，用链接替换单词，然后将内容重写回元素中。显然这意味着之前设置的所有事件都将丢失。

有谁知道可以在不丢失事件的情况下查找和替换元素内容的函数/方法？

编辑:不使用库

这是我当前的代码，它不会破坏事件但会变成 < ，例如，进入 < ，所以我无法附加 HTML。这是我得到的最接近的:

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

我的原始代码有效但去掉了事件:

element.innerHTML += content;

Answer 1

通过使用 jQuery你可以用 text() 来做方法

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

---

编辑:

另一种选择是 innerHTML属性(property)。它不是很优雅，但仍然有效。

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

---

编辑2:

另一种选择是将要替换的文本包装在单独的标签内，例如 <span> .

<div id="container">
   <a id="link-with-events">Link</a>
   <span id="replaceable">The Text Gets Replaced</span>
   <a id="more-links-with-events">Another Link</a>
</div>

然后您只需访问并替换 span 标签的内容，而周围的元素保持不变。