Create a DOM document from string, without JQuery

javascript document
Julien Genestoux picture Julien Genestoux · Mar 7, 2012 · Viewed 24.5k times · Source

We're looking for ways to create a DOM document in javascript from a string, but without using Jquery. Is there a way to do so? [I would assume so, since Jquery can do it!]

For those curious, we can't use Jquery, becase we're doing this in the context of a Chrome application's content script, and using Jquery would just make our content script too heavy.

Answer

apratimankur picture apratimankur · Jan 5, 2016

https://developer.mozilla.org/en-US/docs/Web/API/DOMParser

var parser = new DOMParser();
var doc = parser.parseFromString("<html_string>", "text/html");

(the resulting doc variable is a documentFragment Object).

Related questions

$(window).scrollTop() vs. $(document).scrollTop()

What's the difference between: $(window).scrollTop() and $(document).scrollTop() Thanks.

Read More
How to get the entire document HTML as a string?

Is there a way in JS to get the entire HTML within the html tags, as a string? document.documentElement.??

Read More
"Access is denied" JavaScript error when trying to access the document object of a programmatically-created <iframe> (IE-only)

I have project in which I need to create an <iframe> element using JavaScript and append it to the DOM. After that, I need to insert some content into the <iframe>. It's a widget that will …

Read More