如何获得整个文档HTML作为字符串?

在JS中是否有一种方法可以在HTML标签中获取整个HTML，作为字符串?

document.documentElement.??

当前回答

您必须遍历文档childNodes并获得outerHTML内容。

在VBA中是这样的

For Each e In document.ChildNodes
    Put ff, , e.outerHTML & vbCrLf
Next e

使用这个，允许你获得网页的所有元素，包括< !DOCTYPE >节点(如果它存在的话)

2019-02-05 21:58:46

其他回答

我使用outerHTML的元素(主要<html>容器)，和XMLSerializer的任何其他包括<!DOCTYPE>， <html>容器外的随机注释，或者其他可能在那里的东西。空格似乎没有保留在<html>元素之外，所以我默认使用sep="\n"添加换行符。

函数get_document_html(sep="\n") { 让HTML = ""; let xml = new XMLSerializer(); for (let n of document.childNodes) { if (n.nodeType == Node.ELEMENT_NODE) html += n.outerHTML + sep; 其他的 html += xml.serializeToString(n) + sep; ｝返回html; ｝ console.log (get_document_html()。片(0,200));

2020-06-09 12:24:15

我尝试了各种答案，看看返回了什么。我用的是最新版本的Chrome浏览器。

建议:document.documentElement.innerHTML;返回<head>…身体< / >

Gaby的建议document.getElementsByTagName('html')[0].innerHTML;返回相同。

建议:document.documentElement.outerHTML;返回<html><head>…< /身体> < / html > 这是除了'doctype'以外的所有东西。

您可以使用document.doctype;这将返回一个对象，而不是一个字符串，所以如果你需要为所有文档类型提取字符串的细节，包括HTML5，它在这里描述

我只需要HTML5，所以以下内容足以让我创建整个文档:

alert (' < !DOCTYPE HTML>' + '\n' + document.documentElement.outerHTML);

2014-11-13 09:58:30

还可以获取<html>…</html>，最重要的是<!DOCTYPE……>声明，你可以遍历文档。childNodes，将它们转换为字符串:

const html = [...document.childNodes]
    .map(node => nodeToString(node))
    .join('\n') // could use '' instead, but whitespace should not matter.

function nodeToString(node) {
    switch (node.nodeType) {
        case node.ELEMENT_NODE:
            return node.outerHTML
        case node.TEXT_NODE:
            // Text nodes should probably never be encountered, but handling them anyway.
            return node.textContent
        case node.COMMENT_NODE:
            return `<!--${node.textContent}-->`
        case node.DOCUMENT_TYPE_NODE:
            return doctypeToString(node)
        default:
            throw new TypeError(`Unexpected node type: ${node.nodeType}`)
    }
}

我把这段代码作为document-outerhtml发布在npm上。

注意上面的代码依赖于doctypeToString函数;它的实现可以如下所示(下面的代码以doctype-to-string的形式发布在NPM上):

function doctypeToString(doctype) {
    if (doctype === null) {
        return ''
    }
    // Checking with instanceof DocumentType might be neater, but how to get a
    // reference to DocumentType without assuming it to be available globally?
    // To play nice with custom DOM implementations, we resort to duck-typing.
    if (!doctype
        || doctype.nodeType !== doctype.DOCUMENT_TYPE_NODE
        || typeof doctype.name !== 'string'
        || typeof doctype.publicId !== 'string'
        || typeof doctype.systemId !== 'string'
    ) {
        throw new TypeError('Expected a DocumentType')
    }
    const doctypeString = `<!DOCTYPE ${doctype.name}`
        + (doctype.publicId ? ` PUBLIC "${doctype.publicId}"` : '')
        + (doctype.systemId
            ? (doctype.publicId ? `` : ` SYSTEM`) + ` "${doctype.systemId}"`
            : ``)
        + `>`
    return doctypeString
}

2018-07-13 09:28:13

你还可以:

document.getElementsByTagName('html')[0].innerHTML

你不会得到Doctype或html标签，但其他的一切…

2011-06-16 14:04:01

我总是用

document.getElementsByTagName('html')[0].innerHTML

可能不是正确的方式，但当我看到它时，我能理解它。

2011-03-31 23:43:19

如何获得整个文档HTML作为字符串?

推荐文章

最新文章

标签