突出显示文本 - 本机Javascript

Question

给定一个带有文本＆＃34; Hello World＆＃34;的DOM元素。什么是突出角色的最有效方式＆＃34; l＆＃34;？

Answer 1

围绕它们包裹<span>，并使用CSS突出显示其类的跨度。

domElement.innerHTML = domElemnt.innerHTML.replace(/l+/g, '<span class="highlight">$&</span>');

Answer 2

您可以使用正则表达式和mark元素突出显示“Hello world”一词中的所有“l”

var element = document.getElementById('hello');
element.innerHTML = element.innerHTML.replace(/(l)/g, '<mark>$1</mark>');

<div id="hello">
  Hello World
</div>