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

雷雷

Answer 2

以下替換第一個和第三個咳嗽，添加紅色。

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

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

console.log(result);

Answer 3

知道確定位置的話直接下標加顏色就可以了也可以用正規過濾