How to create a HTML document DOM object from code?

Question

Currently I'm doing this:

var newdoc = document.implementation.createHTMLDocument("Wrong title");
newdoc.open();
newdoc.write('<!doctype html><html><head><title>Right title</title></head><body><div id="a_div">Right content</div></body></html>');
newdoc.close();

And then I try to get some info about the document loaded, for example:

> newdoc.title
Right title
> newdoc.getElementById("a_div").innerHTML
Right content

The issue is that it only works in Chrome. On Firefox and Opera the DOM does not seem to be loaded after document close. What am I doing wrong?

I wrote this little fiddle to demonstrate the problem: http://jsfiddle.net/uHz2m/

developer.mozilla.org/en-US/docs/DOM/…

Hontoni
– Hontoni

2013-02-03 03:19:42 +00:00
Commented Feb 3, 2013 at 3:19 — Hontoni
– Hontoni, Commented Feb 3, 2013 at 3:19

Alicia · Accepted Answer · 2014-03-25 20:06:09Z

1

Okay, after reading the docs I noticed createHTMLDocument() does not create a zero byte-length document object but a basic HTML scaffolding like this:

<!DOCTYPE html>
<html>
  <head>
    <title>Wrong title</title>
  </head>
  <body></body>
</html>

That's why newdoc.write() does not work as expected.

Instead, I can just take the html element and change its HTML code (corrected fiddle).

var newdoc = document.implementation.createHTMLDocument("Wrong title");
newdoc.documentElement.innerHTML = '\
   <!doctype html>\
   <html>\
     <head>\
       <title>Right title</title>\
     </head>\
     <body>\
       <div id="a_div">Right content</div>\
     </body>\
   </html>';

answered Mar 25, 2014 at 20:06

Alicia

1,1611 gold badge14 silver badges29 bronze badges

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

Collectives™ on Stack Overflow

How to create a HTML document DOM object from code?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related