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

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

document.documentElement.??

当前回答

MS在一段时间前添加了outerHTML和innerHTML属性。

MDN表示，目前支持的浏览器包括Firefox 11、Chrome 0.2、Internet Explorer 4.0、Opera 7、Safari 1.3、Android、Firefox Mobile 11、IE Mobile、Opera Mobile、Safari Mobile等。outerHTML在DOM解析和序列化规范中。

查看quirksmode浏览器兼容性，了解适合您的浏览器。都支持innerHTML。

var markup = document.documentElement.innerHTML;
alert(markup);

2009-05-03 14:37:53

其他回答

我使用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

如果你想获取DOCTYPE之外的所有内容，这将有效:

document.getElementsByTagName('html')[0].outerHTML;

如果你想要doctype也可以这样:

new XMLSerializer().serializeToString(document.doctype) + document.getElementsByTagName('html')[0].outerHTML;

2021-05-26 11:18:22

我相信document.documentElement.outerHTML应该为您返回该值。

outerHTML属性上的MSDN页面指出IE 5+支持它。Colin的回答链接到W3C quirksmode页面，该页面很好地比较了跨浏览器兼容性(也有其他DOM特性)。

2009-05-03 14:36:20

我只需要doctype html，应该可以在IE11, Edge和Chrome中正常工作。我使用下面的代码，它工作得很好。

function downloadPage(element, event) {
    var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);

    if ((navigator.userAgent.indexOf("MSIE") != -1) || (!!document.documentMode == true)) {
        document.execCommand('SaveAs', '1', 'page.html');
        event.preventDefault();
    } else {
        if(isChrome) {
            element.setAttribute('href','data:text/html;charset=UTF-8,'+encodeURIComponent('<!doctype html>' + document.documentElement.outerHTML));
        }
        element.setAttribute('download', 'page.html');
    }
}

在你的锚标签中像这样使用。

<a href="#" onclick="downloadPage(this,event);" download>Download entire page.</a>

例子

2019-01-09 11:06:43

document.documentElement.outerHTML

2009-05-03 14:36:27

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

推荐文章

最新文章

标签