JavaScript JavaScript與XML——“XML DOM”的注意要點(diǎn)

figofuture 發(fā)布于2019-08-27 10:53 / 2971人閱讀

摘要：如發(fā)生解析錯(cuò)誤時(shí)，仍然會(huì)從中返回一個(gè)對(duì)象。但這個(gè)對(duì)象的文檔元素是對(duì)象根元素第一個(gè)子元素為。

DOM2級(jí)核心

docuent.implementation中引入了createDocument()方法，IE9支持該方法，如：

var xmldom = document.implementation.createDocument(namespaceUri, root, doctype);

一般來說只用傳第二個(gè)參數(shù)即可：

var xmldom = document.implementation.createDocument("", "root", null);

創(chuàng)建一個(gè)新的、文檔元素為root的XML文檔，可以使用下面代碼：

var xmldom = document.implementation.createDocument("", "root", null); 命名空間URI為空字符表示未指定命名空間，給文檔類型傳入null即不指定文檔類型。
console.log(xmldom.documentElement.tagName); //"root"

var child = xmldom.createElement("child");
xmldom.documentElement.appendChild(child);

DOMParser類型

Firefox、Opera、Chrome、Safari支持（IE8不支持），

DOMParse類型可將XML解析為DOM文檔。

創(chuàng)建一個(gè)DOMParse實(shí)例，再調(diào)用

parseFromString()方法。這個(gè)方法接受兩個(gè)參數(shù)：要解析的XML字符串和內(nèi)容類型（內(nèi)容類型始終為"text/xml"）。返回值是一個(gè)Document實(shí)例。

如：

var parser = new DOMParse();
var xmldom = parser.parseFromString("", "text/xml");

alert(xmldom.documentElement.tagName); //"root"
alert(xmldom.documentElement.firstChild.tagName); //"child"
var anotherChild = xmldom.createElement("child");
xmldom.documentElement.appendChild(anthorChild);
var children = xmldom.getElementsByTagName("child");
alert(children.length); //2

發(fā)生解析錯(cuò)誤時(shí)，仍然會(huì)從parseFromString()中返回一個(gè)Document對(duì)象。但這個(gè)對(duì)象的文檔元素是

（Firefox、Opera）；對(duì)象根元素第一個(gè)子元素為（Safari、Chrome）。

parseerror元素的內(nèi)容是對(duì)解析錯(cuò)誤地描述。通過getElementsByTagName()查找parsererror確定是否有解析錯(cuò)誤。

var parser = new DOMParser(),
    xmldom,
    errors;
try {
    xmldom = parser.parseFromString("", "text/xml"); //這里少了一個(gè)閉標(biāo)簽
    errors = xmldom.getElementsByTagName("parsererror");
    if (errors.length > 0) {
        throw new Error("Parsing error!");
    }
} catch (ex) {
    console.log(ex.message); //Parsing error!
}

XMLSerializer類型

此類可將DOM文檔序列化為XML字符串。（IE6~8不支持）。

要序列化DOM文檔，首相必須創(chuàng)建XMLSerializer實(shí)例，然后將文檔傳入其serializerToString()方法：

var xmldom = document.implementation.createDocument("", "root", null);
xmldom.documentElement.appendChild(xmldom.createElement("child"));

var serializer = new XMLSerializer();
var xml = serializer.serializeToString(xmldom);

console.log(xml); //

IE8之前版本中的XML

（略）

雖然可以通過XML DOM文檔對(duì)象加載XML文件，但公認(rèn)的還是使用XMLHttpRequest對(duì)象比較好。

跨瀏覽器處理XML 解析XML

function parseXml(xml) {
    var xmldom = null;
    if (typeof DOMParser != "undefined") {
        xmldom = (new DOMParser()).parseFromString(xml, "text/xml");
        var errors = xmldom.getElementsByTagName("parsererror");
        if (errors.length > 0) {
            throw new Error("XML parsing error: " + errors[0].textContent);
        }
    } else if (typeof ActiveXObjext != "undefined") {
        xmldom = createDocument();
        xmldom.loadXML(xml);
        if (xmldom.parseError != 0) {
            throw new Error("XML parsing error: " + xmldom.parseError.reason);
        }
    } else {
        throw new Error("No XML parser available.");
    }
    return xmldom;
}

序列化XML

function serializeXml(xmldom) {
    if (typeof XMLSerializer != "undefined") {
        return (new XMLSerializer()).serializeToString(xmldom);
    } else if (typeof xmldom.xml != "undefined") {
        return xmldom.xml;
    } else {
        throw new Error("Could not serialize XML DOM.");
    }
}