突出顯示文本 - 本機Javascript

-7

給定一個帶有文本「Hello World」的DOM元素。突出顯示字符「l」的最有效方法是什麼？突出顯示文本 - 本機Javascript

放了''他們周圍，設置其CSS使用任何突出顯示你想要的。 – Barmar

刺探它，如果遇到困難，請提出一個關於您正在使用的*特定*問題的問題，顯示您的代碼並說明它出了什麼問題。 –

圍繞它們包裝一個<span>，並使用CSS來突出顯示其類的跨度。

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

2017-05-25 09:08:49 Barmar

正是我在找的東西，非常感謝！ –

您可以使用正則表達式和mark元素來突出顯示所有 'L' 出現在字的「Hello world」

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

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

2017-05-25 09:21:58 Sumit

它確實解決了問題，但效率不高，因爲即使它們連續出現並且可以在組中標記，每個「l」也會單獨標記。。我們可以使用另一個正則表達式來替換字符串「」以實現它，但它需要另一次迭代。 –

回答