javascript - 如何在字符串上查找特定字母并使用更改其颜色

Question

我有这个来自 ap 元素的字符串 <p>This is my string</>

我想使用js在其中找到一个字母“s”并更改它的颜色。

标签： javascripthtmlcss

Answer 1

您应该将替换函数与正则表达式一起使用。

const str = "<p>This is my string<p/>";

const newStr = str.replace(/s/g, '<span style="color:blue">s</span>');

删除g标志以仅替换第一次出现。

使其动态：

const str = "<p>This is my string<p/>";

function highlight(str, char) {
  const re = new RegExp(char, "g");
  return str.replace(re, `<span style="color:blue">${char}</span>`);
}

const newStr = highlight(str, "s");