javascript - 我如何使用 javascript 和 DOM 正确搜索和替换 HTML 文档中的字符串？

Question

假设我在 HTML 文件中有一行看起来像这样:

this is <br>a <b>test</b>

我想通过使用 javascript 找到这个字符串(完整的行)，例如:

<font color="..."></font> around it.

围绕着它。

实际上我正在遍历 DOM 结构中的所有文本节点，但文本在这些节点中被拆分，所以我认为这是错误的方式。

如果我遍历元素节点，我可以完美地使用 textContent 进行搜索，但不能用于替换/更改，因为 HTML 标签完全缺失。

那么做这样的事情的正确方法是什么？

Answer 1

我认为您可以通过在父节点上执行一些 RegExp 来实现您的目标。

如果您不熟悉 RegExp，这里有一些很好的引用:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp

希望对您有所帮助。

编辑:

var text = "<ul><li>1</li><li>2</li><li>3</li></ul><br>bla bla this is <br>a <b>test</b> <br>";
var result = text.match(/(this.*<\/b>)/i);
console.log(result);

在行动中:

http://jsfiddle.net/G2e5k/