Javascript highlight.js:设置innerHTML后缺少CSS样式

我使用highlight.js在网页中突出显示语法

当我通过使用JavaScript设置相关的innerHTML来更改内容时，页面上的内容输出会按预期更新。但是，更改的内容不会在浏览器中高亮显示

---

一般来说，或者只使用JavaScript、HTML和CSS的highlight.js，处理这种情况的正确方法是什么？

多亏@Afsar的深刻评论，我找到了一个解决方案

highlight.js中的函数

initHighlighting

：

initHighlighting（）

将突出显示应用于页面上的所有

块

。。。包含内部检查，以查看是否已运行。由于我多次尝试运行它，突出显示无法正常工作

因此，在通过JavaScript更新内容而不重新加载页面后，更新突出显示的一个可能解决方案是：

var element=document.querySelector（“包含代码块的.class_”）；
var blocks=element.querySelectorAll（'pre-code'）；
blocks.forEach（hljs.highlightBlock）；

因此，通常在数据更改时。您必须重新初始化库。@Afsar:谢谢，我会检查一下的。