Getting HTML from XML with JavaScript/jQuery

Question

I've got an XML document that contains a tag that has well-formed HTML content. I need to get that HTML into my page using JavaScript. However, due to CMS issues, the HTML CANNOT be escaped with < ![CDATA[ ]]> or anything else, and the <> must be present, not encoded to &lt ; &gt ;

<submenu>
    <content>
        <div>
            <h3>Hello World</h3>
            <p>Lorem <a href="ipsum.html">ipsum</a></p>
        </div>
    </content>
</submenu>

I've used jQuery to get the XML and put the submenu's into an array. I'm able to get the text with:

$(menuArray[n]).find('content').text();

However, this just returns "Hello World Lorem ipsum". I need the HTML. Unfortunately jQuerys' .html() method doesn't work with XML.

Is there any other way? Thanks in advance.

it works for me using browser's xml parser. – KJYe.Name Feb 12 '11 at 21:56 — KJYe.Name, Feb 12 '11 at 21:56

score 7 · Accepted Answer · edited May 23 '17 at 12:12

7

Not overly clean but could you not use something like found in this example JQuery Object to Sring and do something like... var myHTML = $('<div>').append($(menuArray[n]).find('content').clone()).remove().html();

Ugly I know but should work

edited May 23 '17 at 12:12

Community

1
1

answered Feb 12 '11 at 21:59

Sam

563
4
9

This will thrown SCRIPT5022: DOM Exception: HIERARCHY_REQUEST_ERR (3) on IE9 – Diego ZoracKy Dec 03 '12 at 19:45
I Solved the problem told by me in the last comment. By setting dataType to "html" – Diego ZoracKy Dec 03 '12 at 20:11

score 0 · Answer 2 · answered Dec 03 '12 at 20:42

0

@Sam Nicholson gave us a good idea. I used it for a while, but now i solved my problem through another way.

By setting AJAX property 'dataType' to 'html' and forcing the server response to be text/html rather than text/xml. jQuery will let you use .html() to manipulate the nodes of your XML tree sent from your server

answered Dec 03 '12 at 20:42

Diego ZoracKy

2,227
15
14

I think some versions of IE cannot read XML as HTML, anyone has some advice on that? – Macumbaomuerte Dec 13 '14 at 02:59

Getting HTML from XML with JavaScript/jQuery

2 Answers2

Linked