如何使用 javascript DOMParser 仅获取 XML 元素而不获取空格？

Question

So, I am trying to parse XML with javascript, but when I do this, any whitespace, likes spaces or newlines causes unwanted nodes in the resulting DOM or XMLDocument object:

 //xml parsing example var xp = new DOMParser(); var test = "<program><event><i>6</i></event></program>"; var xenon = xp.parseFromString(test, "text/xml"); console.log(xenon.childNodes[0].childNodes.length); //prints 1 //adding newlines test = "<program>\\n<event>\\n<i>6</i></event></program>"; xenon = xp.parseFromString(test, "text/xml"); console.log(xenon.childNodes[0].childNodes.length); //prints 2

How do I parse the xml so that only elements, and not any whitespace are included as child nodes? I have looked up a "clean" method, but there should be a parser option for this.

Answer 1

No There is no parse option. The parsing procedure sees that '\\n' should be text nodes so it creates them as text nodes. What you need to do is that after the parsing, ignore those text node. childNodes selects all the children including the text nodes ones, use children instead. children return only element children. Or use querySelectorAll like this:

var elems = xenon.querySelectorAll("program > *");
console.log(elems.length); // outputs 1