Javascript 如何从代码创建HTML文档DOM对象?

Javascript 如何从代码创建HTML文档DOM对象?,javascript,dom,Javascript,Dom,目前我正在这样做: 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 con

目前我正在这样做:

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();
问题是它只在Chrome中工作。在Firefox和Opera上,文档关闭后似乎不会加载DOM。我做错了什么


我写了这个小提琴来演示这个问题:

好的,在阅读了文档之后,我注意到
createHTMLDocument()
并没有创建一个零字节长的文档对象,而是创建了一个基本的HTML框架,如下所示:

<!DOCTYPE html>
<html>
  <head>
    <title>Wrong title</title>
  </head>
  <body></body>
</html>
<!DOCTYPE html>
<html>
  <head>
    <title>Wrong title</title>
  </head>
  <body></body>
</html>
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>';