通过 javascript 设置漂亮的打印标签

Question

我试图使用 Pretty.js 来美化 CODE 标签中的代码，使用这个 js：

onload_functions.push(function() {
    var node_list=document.getElementsByTagName('code');
    for (i=0; i < node_list.length; i++) {
        node_list[i].setAttribute('class','prettyprint');
    }
    prettyPrint();
});

这对于 Firefox 来说效果很好:)，但 IE 没有。 我究竟做错了什么？

您可以在 http://sam.xnet.tk 看到它（非）工作

Answer 1

如果代码元素有任何其他类名，这将在 IE 中产生混乱。 使用（IE 特定的）JavaScript 属性 className 可能会起作用。
我对你们网站上的 onload 功能发表了评论。
顺便说一句，嵌入 JavaScript 的方式会破坏未来兼容标准的浏览器，请参阅 您网站的 W3C 验证器输出。 最简单的解决方案是将代码移至外部文件。

Answer 2

这将非常简单，并且可以在所有使用 jQuery 的浏览器中工作。

$(function() {
    $('code').addClass('prettyprint');
    prettyPrint();
});

编辑：它在 IE 中不起作用的原因是因为 IE 使用“className”而不是“class”只是为了让生活变得痛苦。