使用document.implementation创建HTML文档为何缺失DOCTYPE声明？

这个问题其实和DOM的节点结构设计直接相关，咱们一步步拆解来看：

首先要明确一个核心点：DOCTYPE声明并不是<html>元素的一部分——它在DOM树里是一个独立的DocumentType节点，和<html>节点平级，同属于整个文档对象（document）的直接子节点。

再看你的代码里的关键问题：

• 你通过document.implementation.createHTMLDocument().documentElement拿到的仅仅是<html>元素本身，也就是文档的根元素节点。
• 当你把转义后的HTML字符串赋值给这个元素的innerHTML时，解析器只会处理<html>内部的内容，DOCTYPE声明因为不属于这个元素的内部范畴，会被直接忽略。
• 最后console.log(newHTMLDocument)输出的自然只是<html>及其子节点，完全碰不到DOCTYPE的部分。

如果想要确认DOCTYPE是否存在，你应该打印整个文档对象，而不是只打印documentElement：

let html = `<!DOCTYPE html> <html> <head> <title>Hello, world!</title> </head> <body> <p>Hello, world!</p> </body> </html>`;
let newDoc = document.implementation.createHTMLDocument();
newDoc.documentElement.innerHTML = html;
console.log(newDoc); // 这里就能看到完整的文档，包括DOCTYPE

另外，你还可以通过newDoc.doctype直接访问这个独立的DocumentType节点，查看它的名称、公共标识符等信息。

内容的提问来源于stack exchange，提问作者GTS Joe