javascript - 需要对 xml 显示进行一些改进

Question

我已经实现了这段代码，使用 javascript 在 html 中显示 xml

电流输出

需要类似的东西

这是我的代码

function parseXML(R, s) {
    var C = R.childNodes;
    var str = '';
    for (var i = 0; i < C.length; i++) {
        var n = C[i];
        var f = false;
        if (n.nodeType !== 3) {
            str += '<br>&lt;<span class="nn">' + n.nodeName + '</span>&gt;';
            if (n.hasChildNodes()) {
                f = true;
                str += parseXML(n, s++);
            }
            str += '&lt;/<span class="nn">' + n.nodeName + '</span>&gt;';
        } else {
            str += '<span class="nv">' + n.nodeValue + '</span>';
        }
        if (f) {
            str += '<br>';
        }
    }
    var str = str.replace(/(<br>)+/g, '<br>');

    return str;
}

我怎么称呼这个 R:xml对象 s :初始 0 (我传递这个以便我可以将 xml 显示为分层 View )

第二次输出 - 不需要 我已经发布了第二个帖子，因为在 Firefox 中打开 xml 文档时可以看到

如有疑问请追问

Answer 1

我自己解决了。 使用解决方案更新了代码

var pre = 0;
function parseXML(R, s) {
    var C = R.childNodes;
    var str = '';
    for (var i = 0; i < C.length; i++) {
        var n = C[i];
        if (n.nodeType !== 3) {
            str += '<br>' + gs(s) + '<b>&lt;</b><span class="nn">' + n.nodeName + '</span><b>&gt;</b>';
            if (n.hasChildNodes()) {
                str += parseXML(n, s + 1);
            }
            if (pre !== 3) {
                str += '<br>' + gs(s);
            }
            str += '<b>&lt;</b>/<span class="nn">' + n.nodeName + '</span><b>&gt;</b>';
        } else {
            str += '<span class="nv">' + n.nodeValue + '</span>';
        }
        pre = n.nodeType;
    }
    return str;
}