JavaScript 如何将整个HTML文档作为字符串获取

在本文中，我们提供了一个HTML文档，任务是使用JavaScript将整个文档作为字符串获取。下面讨论了几种方法：

获取整个HTML文档作为字符串的方法

使用getElementsByTagNames()方法
使用HTML DOM innerText属性

方法1：JavaScript getElementsByTagName()方法

此方法返回一个由指定标签名的所有元素组成的集合，作为NodeList对象。此对象表示一组节点，可以通过索引号访问。索引从0开始。

语法：

document.getElementsByTagName(tagname)

示例： 这个示例首先通过选择标签名为‘HTML’的元素，并通过索引选择第一个元素来获取整个文档 document.getElementsByTagName(‘html’)[0].innerHTML 。

<!DOCTYPE html>
<html>
    <head>
        <title>
            How to get the entire HTML document as a string
            in JavaScript ?
        </title>
    </head>
    <body style="text-align: center" id="body">
        <h1 style="color: green">GeeksforGeeks</h1>
        <h3>
            JavaScript | Get the entire document HTML as a
            string.
        </h3>
        <p
            id="GFG_UP"
            style="font-size: 15px; font-weight: bold"
        ></p>
        <button onclick="GFG_Fun(); ">click here</button>
        <script>
            let up = document.getElementById("GFG_UP");
            up.innerHTML =
                "Click on the button to convert whole document to string";
 
            function GFG_Fun() {
                let string =
                    document.getElementsByTagName("html")[0]
                        .innerHTML;
                alert(string);
            }
        </script>
    </body>
</html>

输出：

JavaScript 如何将整个HTML文档作为字符串获取

方法2：HTML DOM innerHTML 属性

语法：

返回 innerHTML 属性：

HTMLElementObject.innerHTML

设置innerHTML属性：

HTMLElementObject.innerHTML = text

属性值：

text： 它指定元素的HTML内容。

示例： 此示例使用 document.documentElement.innerHTML 将整个文档作为字符串获取。

<!DOCTYPE html>
<html>
    <head>
        <title>
            How to get the entire HTML document as a string
            in JavaScript ?
        </title>
    </head>
    <body style="text-align: center" id="body">
        <h1 style="color: green">GeeksforGeeks</h1>
        <h3>
            JavaScript | Get the entire document HTML as a
            string.
        </h3>
        <p
            id="GFG_UP"
            style="font-size: 15px; font-weight: bold"
        ></p>
        <button onclick="GFG_Fun(); ">click here</button>
        <script>
            let up = document.getElementById("GFG_UP");
            up.innerHTML =
                "Click on the button to convert whole document to string";
 
            function GFG_Fun() {
                let string =
                    document.documentElement.innerHTML;
                alert(string);
            }
        </script>
    </body>
</html>

输出：

JavaScript 如何将整个HTML文档作为字符串获取