javascript 怎么改变一段字符串中的文字颜色

Question

1. '测试文字测试文字测试文咳嗽字测试文字测试文字咳嗽测试文字测试文字测试文字测试文咳嗽字测试文字'

2. 上面的文字测试用的，知道第一个和第三个咳嗽文字的位置，怎么改变这两个词的颜色。

 <textarea class="editor-input" placeholder="请输入内容" v-model="inputValue"></textarea>
<iframe src="about:blank" id="bbb" contentEditable="true" width="100%" height="100%"></iframe>

目前用这个方法解决

Answer 1

以下替换第一个和第三个咳嗽，添加红色。

var str = '测试文字测试文字测试文咳嗽字测试文字测试文字咳嗽测试文字测试文字测试文字测试文咳嗽字测试文字';

var result = str.replace(/(咳嗽)([^咳]+1[^咳]+)1/, '<span sytle="color:red">$1</span>$2<span sytle="color:red">$1</span>');

console.log(result);

Answer 2

测试文字<span style="color:red">测试文字</span>

Answer 3

知道确定位置的话直接下标加颜色就可以了也可以用正则过滤