java - 如何使用 GWT 或 Javascript 强调 DIV 内的文本 (innerText) :

Question

如何使用 GWT 或 Javascript 强调 DIV 内的文本:

Element content = DOM.createElement("div");
content.setInnerText(contentString);

生成此 DIV:

<div>test message test message</div>

我希望能够使用此代码强调某些文本(例如“test”):

<em>test</em>

所以 div 会是这样的:

<div>
  <em>test</em> message <em>test</em> message
</div>

Answer 1

只需两步即可轻松实现您想要的目标。

首先，不要使用setInnerText，因为它不会解释 HTML。相反，您应该使用元素的 .innerHTML 属性。

其次，您可以用正则表达式替换所需的单词。只需将您的单词放在单词分隔符 (\b) 之间即可。

最终代码如下:

content.innerHTML = contentString.replace(/\btest\b/g, '<em>test</em>');

如果您有多个单词需要更改:

content.innerHTML = contentString.replace(/\b(test|other words)\b/g, '<em>$1</em>');