在做一个检索系统时,我想让后端传入的关键字在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>');
}
实现效果如下: