在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元素或樣式表進行樣式設置。