javascript - 使用 javascript 在代码示例中突出显示语法。

Question

所以，我在寻找如何做类似于 Stackoverflow 代码的事情:

例如“var”是彩色的而“test”不是

var test

我该如何编写 JavaScript 函数来执行此操作？

这是我尝试过的

if ("var")  {
document.getElementByTagName("code").style.color="purple";
}

所以当文本“var”在“code”元素中时，它只会变成“var”紫色。

Answer 1

我会将变量名包装在一个跨度中

<code>
  var <span class="variable-name">test</span>
</code>

然后只为跨度着色，jQuery 使这更容易

$('code span.variable-name').css('color', 'purple');

但是， 还有语法高亮库可以使整个事情变得更容易，因为它基本上是一个已解决的问题:) Here is an example