Web建设与开发

参考文章：

1. https://blog.csdn.net/msllws/article/details/81048390

2. http://www.cnsbq.com/javascript/241.html

按这两种方式，其实是一种。我将下面的脚本放到了页面头内，发现代码并没有高亮。

<script type="text/javascript">
    var allpre = document.getElementsByTagName("pre");
    for(i = 0; i < allpre.length; i++) 
    {
        var onepre = document.getElementsByTagName("pre")[i];
        var mycode = document.getElementsByTagName("pre")[i].innerHTML;
        onepre.innerHTML = '<code id="mycode">'+mycode+'</code>';
    }
</script>