欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js动态添加html代码,highlight高亮代码失效

程序员文章站 2022-05-30 10:12:37
...

解决方案

因为hljs.initHighlightingOnLoad()只在初始化时高亮一次,所以动态添加的话,调用这个函数多少次都没用的。

啥都不用管,先用js动态添加你的HTML代码,动态添加完HTML后,直接一行代码就可以搞定。

hljs.highlightBlock(document.getElementById("codes"));

顾名思义,highlightBlock就是高亮某个块,所以直接用来高亮包含代码的那个块就可以了,双引号里的codes是在html文档中需要高亮的代码的标签id。
js动态添加html代码,highlight高亮代码失效