在JavaScript中为字符串上色

Question

我在javascript文档中将其作为字符串（取自HTML中的pre标签）：

sqlString = "UPDATE galleria SET image_description = @image_description WHERE id = " + image.Id + " AND image_id = " + @image_id;

并且我希望给引号（“）中的文字加上颜色。我知道我可以通过将

<span style="color:red;">*text here*</span>

但我不确定该怎么做。 到目前为止，我已经制定了一种算法来获取引号字符串中的位置（例如，在该字符串中，我有2个变量，其值分别为12和83），但是要对字符串进行处理并将其发布回去，以便上面的字符串变成

sqlString = <span style="color:red;">"UPDATE galleria SET image_description = @image_description WHERE id = "</span> + image.Id + <span style="color:red;">" AND image_id = "</span> + @image_id;

谢谢。

Answer 1

您将使用substring和串联。 假设indexOfStartQuote和indexOfEndingQuote ，则：

sqlString = sqlString.substring(0, indexOfStartQuote) +
            '<span style="color: red">' +
            sqlString.substring(indexOfStartQuote + 1, indexOfEndingQuote + 1) +
            '</span>' +
            sqlString.substring(indexOfEndingQuote + 2);

...然后使用它在元素上设置innerHTML 。

您可能需要在其中加上+ 1 ，这取决于您是否希望引号用红色表示。

---

旁注：我主张使用<span class="error">或类似的替代方法，并使用style元素或样式表进行样式设置。