get html from created element

[quickcur]

Hi,

I have a page where I do

var e = document.createElement('img');
e.src = "myimg.jpg";
e.id = "i";

In some functions I need to get the html code of e, i.e. "<img
src="myimg.jpg" id="i">. Is there a method like "getHtmlSource" of the
element?

Thanks,

qq

 

[RobG]

Hi,

I have a page where I do

var e = document.createElement('img');
e.src = "myimg.jpg";
e.id = "i";

In some functions I need to get the html code of e, i.e. "<img
src="myimg.jpg" id="i">. Is there a method like "getHtmlSource" of the
element?

You have two choices, you can try adding the img element as the child
of a div and get the div's innerHTML, or you can try the DOM 3 Load and
Save XMLSerializer:

// innerHTML method
var d = document.createElement('div');
d.appendChild(e);
alert('innerHTML: ' + d.innerHTML);

// try XMLSerializer method
var markup;
if ('undefined' != typeof XMLSerializer) {
var o = new XMLSerializer();
if (o && o.serializeToString) {
markup = o.serializeToString(e);
}
}
alert('XMLSerializer: ' + ((markup)? markup : 'not supported'));