Search jQuery

jQuery Forum

Using jQuery

steve_o_o

outerHTML in Firefox and IE

in Using jQuery • 9 years ago

Using jQuery & fairly new to it. I have the following code:

var msgXML = "<XMLInput><Source></Source><MessageText></MessageText><SendTime></SendTime><Destination></Destination></XMLInput>",
msgXMLDoc = $.parseXML(msgXML),
$msgXML = $( msgXMLDoc );

and make changes to it within a function later in the code.

$msgXML.find("Source").text(mySource);
$msgXML.find("MessageText").text(mtxt);
$msgXML.find("SendTime").text(currDateTime);
$msgXML.find("Destination").text(dtxt);

I use this line of code to return the outerHTML (which is the XML with the new data from above in it):

var newXML = $msgXML.children(0).get(0).outerHTML;

This works perfectly in Firefox. However, IE and Chrome both return "undefined" for the newXML variable.

I use console.log to display newXML, and it gives me the XML just as I am expecting it to be. What I need to do is to take that & use it as input to another function. IE only returns the "undefined" message in the console log as I am debugging it. Using IE 8, Firefox 20.0.1 and Chrome 26.0.1410.64 m.

Anyone know what the issue might be (and how to resolve it)? Any help appreciated.

Replies(4)

Godsbest

Re: outerHTML in Firefox and IE

9 years ago

http://stackoverflow.com/questions/1675027/how-do-i-get-the-entire-xml-string-from-a-xmldocument-returned-by-jquery-cross

steve_o_o

Re: outerHTML in Firefox and IE

9 years ago

I've seen that link several times, but cannot seem to get anything to work. Also, I presume you were talking about this piece of code on the page link. My situation is a little different than on that page, as they are working with XML data returned from an AJAX call, whereas my example the XML is an empty structure in the variables on the web page.

success: function(data){
//data.xml check for IE
var xmlstr = data.xml ? data.xml : (new XMLSerializer()).serializeToString(data);
alert(xmlstr);
}

If that's not correct, please let me know.

I've taken that exact function & have gotten error messages every time I've tried to use it (inf Firefox).

As written that function returns the error message (in Firefox) of:

TypeError: Value does not implement interface Node

on line #3 above.

I've also re-written the code to make it a little easier to debug, also.

function XML2String(data) {
var xmlstr;
if (window.XMLSerializer) {
var serializer = new XMLSerializer();
var xmlString = serializer.serializeToString(data);
console.log("xmlString = " + xmlString);
}
else if (window.ActiveXObject) {
return this.xml;
}
else {
console.log("Something else happened");
}
}

That one also returns the same error as above, on line #5 in this section of code(also in Firefox).

I've also experimented with what is assigned to what's passed into each function, as well as with IE and Firefox.

In IE, the first example throws an error "XMLSerializer is undefined" on line 3. FWIW, with the IE debugger open, I can see that data[0].xml does have the XML string I'm looking for. In the second example, I added a log message to let me know if it went into that if statement (which it does), and to display what's in this.xml but it still returns undefined.

What am I (obviously) missing?

steve_o_o

Re: outerHTML in Firefox and IE

9 years ago

I may have inadvertently figured it out.

In the IE example, since I could see that data[0].xml had the string in it I was looking for, I changed the line

from return this.xml to return data[0].xml

and was able to get IE to start working.

Then it finally dawned on me what was apparently happening. IE didn't have data[0].outerHTML available to it, but DID have data[0].xml (string) available.

Firefox though, still continued to give me the error message, and it finally occurred to me that since it had previously been working using outerHTML, that it already had it in a string format I could use. I got rid of the XMLSerializer & serializeToString and simply changed the line from:

xmlString = serializer.serializeToString(data); to

xmlString = data[0].outerHTML;

and returned xmlString (a line of code omitted earlier)

and Firefox began working.

Since I arrived at this by lots of trial and error, I am wondering if I have simply backed into something that worked, or if there is a better way to accomplish this.

Godsbest

Re: Re: outerHTML in Firefox and IE

9 years ago

Great!! Thanks for sharing your solution.

Top Reply

Response title

Attachments

jQuery Forum

outerHTML in Firefox and IE

Replies(4)

Re: outerHTML in Firefox and IE

Re: outerHTML in Firefox and IE

Re: outerHTML in Firefox and IE

Re: Re: outerHTML in Firefox and IE

Statistics

Tags

Actions