javascript - 用于替换包含可变数据的字符串的动态 Javascript 正则表达式

Question

我正在寻找一个 JS 正则表达式，它允许我替换包含变量数据的字符串。例如，我想替换这个：

<link rel="stylesheet" href="style.css" />

有了这个：

Stylesheet: style.css

但是，文件名是一个变量。我怎样才能在 JS 中做这种动态正则表达式？

Answer 1

我自己解决这个问题的方法是使用一个函数从 HTML 字符串中创建临时节点，然后解析这些创建的节点以获取相关信息：

function resourceTyping (htmlString) {
    var _tmp = document.createElement('div'),
        data = {
            html: htmlString,
            props : []
        };
    _tmp.innerHTML = htmlString;
    var children = _tmp.childNodes,
        rel, href, nodeHTML;
    for (var i = 0, len = children.length; i < len; i++) {
        rel = children[i].rel || '';
        href = children[i].getAttribute('href') || '';
        nodeHTML = children[i].outerHTML || '';
        if (children[i].rel && children[i].href && nodeHTML.length) {
            data.props.push(
                {
                    'rel' : rel,
                    'href' : href,
                    'nodeHTML' : nodeHTML,
                    'typeAndValue' : rel[0].toUpperCase() + rel.substring(1) + ': ' + href
                }
            );
        }
    }
    return data;
}

var html = '<link rel="stylesheet" href="style.css" /><a href="something.html">text</a>',
    details = resourceTyping (html);
console.log(details);

JS 小提琴演示。