JavaScript使table中的特定内容加粗变红

在做一个检索系统时，我想让后端传入的关键字在table中高亮，所以使用js将查询的关键字变成红色并且加粗。

js代码如下：

// 查询的关键字变成红色并且加粗
let title = [[${title}]].toString();
let table = document.getElementById("table");
let row = table.rows.length; // 获得table的行数
for (let i = 1; i < row; i++) {
    let ptitle = table.rows[i].cells[2];
    let ptitles = ptitle.innerHTML;
    let values = ptitles.split(title);
    ptitle.innerHTML = values.join('<span style="color: red; font-weight: bold">' + title + '</span>');
}

实现效果如下：