簡體   English   中英

CSS / JavaScript - 文本中的樣式關鍵字?

[英]CSS / JavaScript - Styling keywords in text?

有一些文字,需要改變一些關鍵字的顏色,不需要在文字中使用代碼。 我怎樣才能用 CSS/JS 做到這一點?

<p>Lorem ipsum RED dolor sit amet, RED consectetur adipiscing elit, RED sed do eiusmod 
   tempor incididunt ut labore et dolore RED magna aliqua.</p>

實現此目的的一種方法是將文本"RED"替換為具有為其着色的樣式的跨度: "<span style='color:red'>"

 var e = document.getElementById("text"); var txt = e.innerHTML; e.innerHTML = txt.replace(new RegExp("RED", "g"),"<span style='color:red'>RED</span>");
 <p id="text">Lorem ipsum RED dolor sit amet, RED consectetur adipiscing elit, RED sed do eiusmod tempor incididunt ut labore et dolore RED magna aliqua.</p>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM