Question

我有一个.html文档，如下所示：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Change color</title>
  <style>
   .colortext {
     color: red; 
   }
  </style>
 </head>
 <body>
  <p>bla bla lbla <span class="colortext">the</span>, 
 the balfds of .</p>
 </body>
</html>

在本文档中，我向the提供了红色。但是我应该如何改变我的大文本中每the的颜色？有没有办法改变颜色，以免写

<span class="colortext">

每个字，我需要吗？

Answer 1

您可以使用Javascript执行此操作。我不是在编写完整的代码只是给你提示。通过此var code = document.getElementById（＆＃34; demo＆＃34;）或ByTagName或ByName或任何方法获取。详情：https://www.w3schools.com/jsref/met_document_getelementbyid.asp。然后取代价值＆＃34;＆＃34;使用＆＃39;＆lt; span class =＆＃34; colortext＆＃34;＆gt;＆lt; / span＆gt;＆＃39;使用javascript替换方法。详情：https://www.w3schools.com/jsref/jsref_replace.asp

Answer 2

是的，只有HTML和CSS是唯一的方法。

Answer 3

如果你想使用javascript来实现这一点，你可以像这样使用正则表达式。

<强> HTML

<p id="sentence">bla bla lbla the, 
 the balfds of .</p>

<强>的Javascript

var sentence = document.getElementById('sentence');
var text = sentence.textContent;

var replaceWord = text.replace(/\bthe\b/g,"<span class='colortext'>$&
</span>")

sentence.innerHTML = replaceWord;

Answer 4

我会用

<font color="red">the</font>

在html中更改单词的颜色

4 个答案: