How to Convert a Javascript Var Holding Html Into a String?

Question

        var originalHtmlString = '<p>Some text</p>'

        //Create an html object called myHtml that I can work with like w/ document
        var myHtml = document.createElement( 'html' );

        //Make the html object hold the html I wrote in a string so I can edit it as html
        myHtml.innerHTML = originalHtmlString;

        var stringifiedHtml = ???

How do I turn the "myHtml" var back into a string after working with it?

adeneo · Accepted Answer · 2015-12-03 20:46:40Z

3

Should be as easy as

var stringifiedHtml = myHtml.outerHTML;

Element.outerHTML

answered Dec 3, 2015 at 20:46

adeneo

319k29 gold badges410 silver badges392 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

VSO Over a year ago

Thanks, I will come back to accept, sorry for dumb question.

zer00ne Over a year ago

@VSO That wasn't a dumb question, it never occurred to me that was even possible.

VSO Over a year ago

@zer00ne Good to hear, there's so much stuff out there in terms of html selectors and things like this that most people (at least that I know) dont ever use, especially when heavily depending on angular. Thanks again ade.

adeneo Over a year ago

You're welcome, the question was fine, and when you know about outerHTML it just seems obvious that it does the opposite of innerHTML, but it's not something that is used very often, and lots of people apparently doesn't even know it exists and have been supported for decades.

Chris Middleton Over a year ago

Does outerHTML really do the "opposite" of innerHTML though? From what was given in OP's question, doing var stringifiedHtml = myHtml.innerHTML would have been an equally good answer.. the difference between them is whether the element itself is included or not in the returned string. Both properties can be written or read.

|

Collectives™ on Stack Overflow

How to Convert a Javascript Var Holding Html Into a String?

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related