highlight.js进行一次渲染后，HTML中一个元素的内容发生改变，如何再次渲染

Question

我使用hljs.initHighlightingOnLoad();在加载页面时，对代码进行了一次高亮渲染。

然后执行以下代码，改变了id为content的元素的内容

document.getElementById('content').inerHTML = markdown;

内容中含有
<pre><code class="xxx">xxx</code><pre>这种格式的代码块，此时新增的代码块并没有被高亮渲染

请问在页面内容发生改变后，如何用highlight.js再次渲染代码

Answer 1

再次执行一下hljs.initHighlightingOnLoad();

Answer 2

`highlightCode();
function highlightCode() {

        var pres = document.querySelectorAll("pre>code");
        for (var i = 0; i < pres.length; i++) {
            hljs.highlightBlock(pres[i]);
        }
    }`

原文链接