Create properly formatted XML from DOM in JavaScript

Question

I'm having troubles taking the DOM document (or a node in it) and serialize it as properly formatted xml. I need to do this as the tools I will upload part of the document to understands only XML and not HTML with its improperly closed elements. As an example I'm currently scraping (amongst many) http://studentlund.se which showcases my problems with img elements not being closed.

For example if I execute the following in chromes console:

$('<div>').append($('body ul:first li:last')).html()

I'll receive:

<li><a href="http://studentlund.se/feed/"><img src="http://studentlund.se/wordpress/wp-
content/themes/studentlund/pics/rss.png" alt="RSS"></a></li>

The img element is not closed, thus my xml parser will fail.

If I use the XMLSerializer:

n = $('body ul:first li:last').get(0)
new XMLSerializer().serializeToString(n)

I will get the same, incorrectly formatted XML:

<li><a href="http://studentlund.se/feed/"><img src="http://studentlund.se/wordpress/wp-content/themes/studentlund/pics/rss.png" alt="RSS"></a></li>

All I want is being able to dump the RAW DOM of a node in a properly formatted string of XML so I can use it with my XML tools, is this possible?

user1096188 · Accepted Answer · 2012-03-13 13:31:38Z

1

Try to create an XML document and then serialize it to string, something like this:

n = $('body ul:first li:last').get(0);
var doc = document.implementation.createDocument('', '', null);
doc.appendChild(n);
var xml = new XMLSerializer().serializeToString(doc);

answered Mar 13, 2012 at 13:31

user1096188

1,83912 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Create properly formatted XML from DOM in JavaScript

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related