js高亮html关键字

2020-03-21 05:52

2778

JavaScript

“ 最常见的百度搜索出来的关键字会被标红，即高亮关键词，这里写了一种方式来实现，有点烂，大家可以优化一下 ”

复制代码

function highLightText(keywords, text) {
  const keys = keywords.split('')
  let str = text.split('')
  str.forEach((e, i) => {
    if (keys.indexOf(e) > -1) {
      str[i] = `<strong style="color: red">${e}</strong>`
    }
  })
  document.body.innerHTML = str.join('')
}

highLightText('iPhone12电池', '再次曝光!iPhone12简直毫无短板,摄像头和电池提升巨大!')

复制并打开f12控制控制台点console并黏贴即可看到效果

赏

支付宝微信

关注公众号获取更多内容

javascript