原生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 协议》,转载必须注明作者和本文链接
licoded
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!