我需要改变一个类的元素中某些字母组合的颜色。例如：<span class="title">ACPRO2000</span>-在这里我希望'ACPRO'是橙子，其余的保持默认颜色。我应该注意到我根本不擅长JavaScript。
<span class="title">ACPRO2000</span>
n3schb8v1#
vanilla javascript的函数式方法
const highlightText = (text, elem, color) => { const element = document.querySelector( elem ); element.innerHTML = element.innerHTML.replaceAll( text, `<span style="color: ${color}">${text}</span>`); } highlightText("ABC", '#lettersList', 'orange') highlightText("0", '#lettersList', 'red') highlightText("World", '#myDiv2', 'green')
<div id="lettersList">ABC2012</div> <div id="myDiv2">Hello World</div>
1条答案
按热度按时间n3schb8v1#
vanilla javascript的函数式方法