Connecting Tech Pros Worldwide Forums | Help | Site Map

get html from created element

quickcur@yahoo.com
Guest
 
Posts: n/a
#1: Jul 19 '06
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
Guest
 
Posts: n/a
#2: Jul 20 '06

re: get html from created element



quickcur@yahoo.com wrote:
Quote:
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'));


--
Rob

Closed Thread