html的方法怎么写,javascript – 什么是HTML重写的好方法？

考虑这个文档片段：

An article about John

The frist paragraph is about John.

The second paragraph contains a link to John's CV.

Comments to John's article

• Some user asks John a question.
• John responds.

我想用字符串“Peter”替换字符串“John”的每个匹配项.这可以通过HTML重写来完成：

$('#test').html(function(i,v) {

return v.replace(/John/g,'Peter');

});

上面的jQuery代码看起来很简单直接,但这是骗人的,因为它是一个糟糕的解决方案. HTML重写会重新创建#test DIV中的所有DOM节点.随后,不保留以编程方式(例如“onevent”处理程序)或用户(输入的表单字段)对该DOM子树进行的更改.

那么执行此任务的适当方式是什么？