原生JS实现parseHtml并做一定修改

script text/template 用来调试很舒服，再也不用担心字符串不好表示了！

<script id="tpl" type="text/template">
html代码...
</script>
<script>
    var htmlTpl = tpl.innerHTML;
    // 字符串转换成文档类型
    var domParser = new DOMParser();
    var doc = domParser.parseFromString(htmlTpl, 'text/html');
    doc.querySelectorAll('code').forEach((item)=>{
        oldClass = item.classList[0];
        if(oldClass.indexOf("language-")==0){
            item.setAttribute("class",oldClass.slice(9));
        }
    });
    doc.querySelectorAll('pre').forEach((item)=>{
        item.innerHTML += `<span class="btn-pre-copy" onclick="preCopy(this)">复制代码</span>`;
    });
    doc.querySelectorAll('p > img').forEach((item)=>{
        item.parentNode.setAttribute("styles","text-align:center");
    });
    console.log(doc)
</script>

本作品采用《CC 协议》，转载必须注明作者和本文链接