By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,729 Members | 1,343 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,729 IT Pros & Developers. It's quick & easy.

get html from created element

P: n/a
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

Jul 19 '06 #1
Share this Question
Share on Google+
1 Reply


P: n/a

qu******@yahoo.com wrote:
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

Jul 19 '06 #2

This discussion thread is closed

Replies have been disabled for this discussion.