Question

JavaScript 怎么让pre中的文本变色

例如:我写了一段很长的pre文本,3000-4000字,其中这个字段中有很多的if else ,现在我要的是怎么把pre中的所有if else 全部变成蓝色,如果自己每个地方加<font></font>明显这样做可行,但是不可能每个都这样加,多累啊
所以想写个JS,不要jquery,目前在学js,
思路:1.写个js遍历pre
2.将有if else 的全部变成蓝色
就是这样,请教大家了

Answer 1

var t=documnet.getElementById('pre的id');
t.innerHTML=t.innerHTML.replace(/(if|else)/ig,'<font>$1</font>');

追问

刚试了，好像没用啊

追答

怎么试的？
有什么报错？

追问

我直接把你的代码copy上去，那个pre的ID也写在了对应的地方

console出来的是：
Uncaught ReferenceError: documnet is not defined

追答

var t=document.getElementById('pre的id');//我这写错了单词
t.innerHTML=t.innerHTML.replace(/(if|else)/ig,'$1');

追问

额，我也没注意，没错误了，但是也没效果……if else 没有变成蓝色

追答

把你的发上了

追问

源代码是这样，没截屏完，后面还有一点内容

追答

不用了
你把font加上蓝色的style

追问

额 行了，刚开始我还觉得奇怪，还以为你那个$1是蓝色的特殊用法……，那个$1，是什么意思？

追答

那是正则匹配里的
表示前面匹配并第一个捕获的字符串