javascript - 正则表达式替换字符串但不在 html 标记内

Question

我想使用 JavaScript 替换 HTML 页面中的字符串，但忽略它，如果它在 HTML 标记中，例如:

<a href="google.com">visit google search engine</a>
you can search on google tatatata...

我想替换 google通过 <b>google</b> ，但不在这里:

<a href="google.com">visit google search engine</a>
you can search on <b>google</b> tatatata...

我试过这个:

regex = new RegExp(">([^<]*)?(google)([^>]*)?<", 'i');
el.innerHTML =  el.innerHTML.replace(regex,'>$1<b>$2</b>$3<');

但问题是:我得到了 <b>google</b>在<a>里面标签:

<a href="google.com">visit <b>google</b> search engine</a>
you can search on <b>google</b> tatatata...

如何解决这个问题？

Answer 1

你最好为此使用 html 解析器，而不是正则表达式。我不确定它能否 100% 可靠地完成。