nicht angemeldet
Guten Morgen,
ich wollte mich ein bisschen mit der parseFromString-Methode des DOMParser-Objekts beschäftigen, da ich manchmal AJAX-Antworten bekomme, die zwar XML sind aber nicht als XML ausgeliefert werden, was dazu führt, dass das responseXML nicht zur Verfügung steht. Außerdem fand ich es einfach interessant auch in UI-Elementen XML entgegen nehmen zu können.
Daher habe ich das folgende Script geschrieben (nicht wundern, ist an ein paar Stellen "dirty" aber ist ja auch nur ein Test):
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
[code lang=css] #debuglist {
width:50%;
font-size:x-small;
}
#debuglist div {
float:left;
}
</style>
<script type="text/javascript">~~~javascript
function debug_print(text) {
var debug_li = document.createElement("li");
debug_li.appendChild(document.createTextNode(text));
document.getElementById("debuglist").appendChild(debug_li);
}
function parsearea () {
var XML_string = '';
debug_print (XML_string);
var XML_string = document.getElementById("fooooo").value;
debug_print (XML_string);
var XML_object = (new DOMParser()).parseFromString(XML_string, "text/xml");
debug_print (XML_object.childNodes[0].childNodes.length);
report_XML_Object(XML_object.childNodes[0],' ');
}
function report_XML_Object (xmlnode,path) {
if (xmlnode.nodeType == 1) {
var path = path+'<'+xmlnode.nodeName+'>';
} else if (xmlnode.nodeType == 2) {
var path = path+'.'+xmlnode.nodeName;
} else if (xmlnode.nodeType == 3) {
var path = path+'"'+xmlnode.data+'"';
} else if (xmlnode.nodeType == 4) {
var path = path+'('+xmlnode.data+')';
} else {
var path = path+'['+xmlnode.nodeType+']';
}
debug_print (path);
for (var i in xmlnode.childNodes) {
report_XML_Object(xmlnode.childNodes[i],path);
}
}
</script>
</head>
<body>
<ul id="debuglist">
<div>
<form>
<textarea id="fooooo" cols="30" rows="20"><?xml version="1.0"?>
<root\_element>
<sub\_element num="1" />
<sub\_element num="2" />
<sub\_element num="3">
Textcontent of subelement3
</sub\_element>
</root\_element></textarea>
<input type="button" value="parse it" onclick="parsearea();"/>
</form>
</div></ul>
</body>
</html>
[/code]
Das seltsame Resultat, welches ich erhalte ist
# 7
# <root\_element>
# <root\_element>" "
# <root\_element>" "[undefined]
# <root\_element>" "[undefined]
# <root\_element><sub\_element>
# <root\_element><sub\_element>[undefined]
# <root\_element><sub\_element>[undefined]
# <root\_element>" "
# <root\_element>" "[undefined]
# <root\_element>" "[undefined]
# <root\_element><sub\_element>
# <root\_element><sub\_element>[undefined]
# <root\_element><sub\_element>[undefined]
# <root\_element>" "
# <root\_element>" "[undefined]
# <root\_element>" "[undefined]
# <root\_element><sub\_element>
# <root\_element><sub\_element>" Textcontent of subelement3 "
# <root\_element><sub\_element>" Textcontent of subelement3 "[undefined]
# <root\_element><sub\_element>" Textcontent of subelement3 "[undefined]
# <root\_element><sub\_element>[undefined]
# <root\_element><sub\_element>[undefined]
# <root\_element>" "
# <root\_element>" "[undefined]
# <root\_element>" "[undefined]
# <root\_element>[undefined]
# <root\_element>[undefined]
Mit den ersten drei Ausgaben komme ich noch gut Zurecht, es sind sieben Kindelemente... hab' ich gezählt, stimmt.
Das erste ist das root\_element-Element stimmt auch. Das erste Kindelement des root\_element ist ein Textknoten, der einen Zeilenumbruch sowie ein Leerzeichen darstellt, aber ab dann verstehe ich's nicht mehr.
Warum hat der Textknoten zwei Kindknoten vom \_Typ\_ "undefined"? Kann denn überhaupt ein Knoten existieren, der keinen Typ hat?
Wie man sieht zieht sich das durch alle Elemente durch, nach allen Kindknoten kommen noch zwei undefinierte (sieht man ganz gut daran, dass es beim root\_element am Ende der Liste steht).
Weiß jemand woher die kommen und was sie sind?
--
sh:( fo:| ch:? rl:( br:& n4:& ie:{ mo:} va:) de:µ\_de:] zu:) fl:( ss:| ls:[ js:(