javascript - 将 [object HTMLDocument] 转换为字符串

标签 javascript html dom

我正在创建一个 HTML 文档对象:

let newHTMLDocument = document.implementation.createHTMLDocument();

let html = `<!DOCTYPE html>
<html>
    <head>
        <title>Hello, world!</title>
    </head>
    <body>
        <p>Hello, world!</p>
    </body>
</html>`;

newHTMLDocument.open();
newHTMLDocument.write( html );
newHTMLDocument.close();

console.log( String(newHTMLDocument) ); // [object HTMLDocument]

我如何才能将 newHTMLDocument 转换为包含所有 HTML 代码(包括 doctype 和 html 标记)的字符串,而不是“[object HTMLDocument]”?

最佳答案

试试这个 console.log(new XMLSerializer().serializeToString(newHTMLDocument)) 它将从文档中抓取 html 内容转换为字符串格式

演示

jsbin

关于javascript - 将 [object HTMLDocument] 转换为字符串,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49472323/

相关文章:

javascript - JavaScript 中的闭包

javascript - 仅将 CSS 应用于文本内容

javascript - HTML - 固定 div 仅在滚动后显示在位置 0,0

javascript - 动态添加 !important 到所有 CSS 属性

javascript - 超时后无法删除新添加的 HTML 元素

JavaScript 语法错误

html - 我们可以并排 float 2 个 div 并在它们下方 float 第 3 个 div 吗?

javascript - 按下按钮时 Firebase 存储和 Dropzone.js 多图像上传

jquery - jquery.html 的垃圾收集

jquery - 动态添加到 DOM 的元素的单击事件