代码:

var o = "<ol>", bd = document.body;
bd.innerHTML.replace(
        /(<img[^>]*)(src *= *("[^"]*"|'[^']*'|[^ >]*))/ig,
        function(m, t, c, src) {
            t = src; c = src.charAt(0);
            if (c == '"' || c == "'") t = t.slice(1, -1);
            o += "<li>" + t + " <img src=" + src + " /></li>";
        });
bd.innerHTML = o + "</ol>";

Booklet 添加页面:img-src-regexp-test.html(WordPress 的过滤好讨厌,只好放在独立页面里)

针对该功能,更简单明了的思路是用 getElementsByTagName(“img”) 来实现,但性能不如正则。