建立XMLHttpRequest对象

utl.js
复制代码 代码如下:function createXmlTree(node, indent) {

    if (node == null)
        return "";
    var str = "";

    switch (node.nodeType) {
        case 1:    // Element
            str += "<" + node.nodeName + "";

            var attrs = node.attributes;
            for (var i = 0; i < attrs.length; i++)
                str += createXmlAttribute(attrs[i]);

            if (!node.hasChildNodes())
                return str + "/>";

            str += ">";

            var cs = node.childNodes;
            for (var i = 0; i < cs.length; i++)
                str += createXmlTree(cs[i], indent + 3);

            str += "</" + node.nodeName + ">";
            break;

        case 9:    // document
            var cs = node.childNodes;
            for (var i = 0; i < cs.length; i++)
                str += createXmlTree(cs[i], indent);
            break;

        case 3:    // Text
            if (!/^s*$/.test(node.nodevalue))
                str += "" + node.nodevalue + "";
            break;

        case 7:    // ProcessInstruction
            str += "<?" + node.nodeName;

            var attrs = node.attributes;
            for (var i = 0; i < attrs.length; i++)
                str += createXmlAttribute(attrs[i]);

            str+= "?>"
            break;

        case 4:    // CDATA
            str = "<![CDATA[" + 
                node.nodevalue +
            "]" + "]>";
            break;

        case 8:    // Comment
            str = "<!--" + 
                node.nodevalue +
            "-->";
            break;

        case 10:
                str = "<!DOCTYPE " + node.name;
                if (node.publicId) {
                    str += " PUBLIC "" + node.publicId + """;
                    if (node.systemId) 
                        str += " "" + node.systemId + """;
                }
                else if (node.systemId) {
                    str += " SYSTEM "" + node.systemId + """;
                }
                str += ">";

                // TODO: Handle custom DOCTYPE declarations (ELEMENT, ATTRIBUTE, ENTITY)

                break;

        default:
            //alert(node.nodeType + "n" + node.nodevalue);
            inspect(node);
    }

    return str;
}

function inspect(obj) {
    var str = "";
    for (var k in obj)
        str += "obj." + k + " = " + obj[k] + "n";
    window.alert(str);
}

function createXmlAttribute(a) {
    return " " + a.nodeName + "="" + a.nodevalue + """;
}
复制代码 代码如下:

rel=stylesheet>

onchange='XMLDoc1.url=this.value;document.getElementById("XMLDebug").innerHTML=""'>
  tree.xml   value=xtree.xsl>xtree.xsl Blog
Feed

复制代码 代码如下:
HTML {
 BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
BODY {
 BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
BODY {
 BACKGROUND: buttonface; FONT: Message-Box
}
FORM {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
FIELDSET FIELDSET {
 MARGIN: 5px
}
BUTTON {
 MARGIN-LEFT: 5px
}
textarea {
 WIDTH: 100%; HEIGHT: 200px
}
#out {
 BORDER-RIGHT: threeddarkshadow 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: threeddarkshadow 1px solid; MARGIN-TOP: 5px; PADDING-LEFT: 3px; BACKGROUND: white; PADDING-BOTTOM: 3px; BORDER-LEFT: threeddarkshadow 1px solid; COLOR: black; PADDING-TOP: 3px; BORDER-BOTTOM: threeddarkshadow 1px solid; FONT-FAMILY: Verdana
}
#srcTextContainer {
 DISPLAY: none
}
.element {
 PADDING-LEFT: 16px; COLOR: blue
}
.elementname {
 COLOR: darkred
}
.attribname {
 COLOR: red
}
.attribvalue {
 COLOR: blue
}
.text {
 PADDING-LEFT: 16px; COLOR: windowtext
}
.cdata-content {
 DISPLAY: block; PADDING-LEFT: 16px; BORDER-LEFT: gray 1px solid; COLOR: windowtext; FONT-FAMILY: Courier New; WHITE-SPACE: pre
}
.comment {
 PADDING-LEFT: 16px; COLOR: blue
}
.doctype {
 PADDING-LEFT: 16px; COLOR: blue
}
.comment-content {
 DISPLAY: block; COLOR: gray; FONT-FAMILY: Courier New; WHITE-SPACE: pre
}
#XMLDebug {
 BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #000 1px solid; MARGIN-TOP: 6px; PADDING-LEFT: 4px; FONT-SIZE: 12px; BACKGROUND: #fff; PADDING-BOTTOM: 4px; OVERFLOW: auto; BORDER-LEFT: #000 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 400px
}