如何使用JavaScript来设置pre元素中的代码样式？

Question

如何突出pre元素中的代码？已经有关于突出显示它的问题，但答案都在JQuery中。是否可以在没有标签的情况下完成它，并且它在JavaScript而不是JQuery中是id。我不希望整个代码块与我想要的每个tag-open和tag-close都是一种颜色相同，标签值是另一种颜色，属性和它的值是另一种颜色。

Answer 1

document.getElementById("idofpre").style.color="#99999";

Answer 2

你试过这个吗？

document.getElementById("the_id_of_pre_block").style.property="value";

上面的代码将获取元素的ID并更新样式。第二件事你也可以使用TagName：

document.getElementsByTagName("pre").style.property="value";

否则你可以使用jQuery（更简单的方法，但不是你的方式）来设置内容的样式。使用这个：

$(document).ready(function() {
  $('pre').css('background-color', '#anyhexcode');
});

这将更改background-color块中放置的所有文本的pre。这就是你可以用JavaScript做的事情。

还有一件事：

您正在使用onload=hightlight()，但您正在使用colorize()这样的功能您确定这是好的吗？我想你需要改变它！