How to change the text color in a string in javascript

Question

1. 'Test text test text test text cough word test text test text cough test text test text test text test text cough word test text '

2. The above text test is used to know the position of the first and third cough text and how to change the color of these two words.

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

Currently using this method to solve

Answer 1

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

Answer 2

The following replaces the first and third coughs, adding red.

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

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

console.log(result);

Answer 3

If you know the location, just subscript and add color. You can also use regular filtering