javascript - 如何让 prettyprint 处理动态生成的 dom 元素

Question

我正在使用 prettyprint作为语法高亮器的插件，它在页面加载时工作正常，但当我动态添加新元素时它不起作用!我尝试在加载新内容后使用 prettyPrint() 调用它，但它没有用!我还按照插件网站上的说明将 prettyPrint() 包装成一个函数，但它也不起作用!任何帮助将非常感激。 我安装了这样的插件:

<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>

我的代码是:

function showCode(e){
    (e.preventDefault) ? e.preventDefault() : e.returnValue = false;
    var parent = document.createElement('div'),
        pre = document.createElement('pre'),
        code = document.createElement('code'),
        elm = (e.currentTarget) ? e.currentTarget : e.srcElement,
        src = elm.getAttribute('href'),
        id = elm.getElementsByTagName('img')[0].getAttribute('src').replace(/images\/(.+?)\.png/g, "$1");
    parent.id = "codeZoom";
    pre.className = "prettyprint linenums lang-" + id;

    var xhr = (window.XMLHttpRequest) ? new window.XMLHttpRequest() : new activeXObject("Microsoft.XMLHTTP");
    xhr.open('get', src, true);
    xhr.send();
    xhr.onreadystatechange = function()
    {
        if(xhr.readyState == 4 && xhr.status == 200)
        {
            var text = document.createTextNode(xhr.responseText);
            code.appendChild(text);
            pre.appendChild(code);
            parent.appendChild(pre);
            document.getElementsByTagName('body')[0].appendChild(parent);
            center(parent);
            prettyPrint();
        }
    }
}

目前我收到错误消息 prettyPrint is not defined。

Answer 1

据我所知，您的代码似乎是正确的。

1) 包括 pretty-print (不是run_xxx)版本

2) 每当您的 Dom 更新时调用 prettyPrint()

但是您的包含 prettyPrint 的脚本缺少结束符 "，所以这可能只是您的问题的错字:)